Web制作 - BinaryDevelop

HTML5 回転画像フルコード

回転地図の原則はこれについてある、3つの映像が回転効果をする必要があると仮定する、最初に3つの映像を並べて置き、次に左に並べて全体を動かす必要がある、表示箱からの完全な映像はいつでも、そしてこの映像は最後に置かれる、周期は左(か方向)への映像を動かすことを実現することができる。そして、2つのタイマーが必要で、1つのタイマーAは3つの絵の全体の左方向の速度を制御し、別のタイマーBは完全な絵がこのデ

2022-01-21 19:31:20
[CSSチュートリアル】overflow:hiddenの役割を解説（overflow hidden、clear float、外周マージンの崩れを解決する）。

I. オーバーフロー:hidden オーバーフロー:hidden ある要素に overflow:hidden を設定すると、その要素の内容が与えられた width と height 属性を超えた場合、超えた部分は占拠されないようになります。 /*css styles*/ <style type="text/css"> div{ width: 150px; heig

2022-01-21 19:01:59
キャンバスを使った雪の結晶の効果を実現するコード例

今日はcanvasを使って雪の結晶のエフェクトを実現します❄️。 I. キャンバスとは何ですか？ HTML5 の <canvas> 要素は、グラフィックを描画するために使用され、スクリプト（通常は JavaScript）によって実行されます。 canvas>タグはあくまでグラフィックの入れ物であり、グラフィックを描くにはスクリプトを使用する必要があります。

2022-01-21 18:47:48
[CSSチュートリアル】CSSスコープ（スタイル分割）の使い方まとめ

I. CSS スコープ（スタイル分割）の利用について vueでは、cssのスタイルを現在のコンポーネントにのみ反映させるため。 scoped 属性は HTML5 の新機能で、使用すると、style 要素の親とその子にのみスタイルを適用するブール型属性です。 II. スコープ付き実装の原則 vueのscopedプロパティの効果は、主にPostCSSの翻訳によって実現

2022-01-21 18:40:30
HTML5でWeChatの共有を呼び起こす外部ブラウザ

最近、モバイルサイトを制作しているのですが、シェアボタンをクリックしてWeChatを直接開き、シェアアウトする必要があります。ジアスではなく、シェアシェア、QRコードをクリックしてください。私はインターネット上で多くのことを読んで、すべてのAPPは、WeChatを呼び出すことができると述べたが、モバイルWebページを達成することはできません。また、直接WeChatを呼び出すことはできませんの多く

2022-01-21 18:10:40
html to pdf スクリーンショット保存機能実装

技術の活用 itext.jar : バイトファイル入力ストリームを画像、pdfなどに変換します。 html2canvas.js : htmlページの領域をbase64エンコードされた画像リソースとしてスクリーンショットする。ジャバ＋JS 1. リソースの準備 itext.jar www.baidu.com html2canvas.js www.ba

2022-01-21 17:50:46
htmlの選択ボックスのプレースホルダー作成に関する質問

テキスト入力にプレースホルダーを使用していますが、問題なく動作しています。しかし、セレクトボックスにもプレースホルダーを使いたいのです。もちろん、次のようなコードを使用することができます。 @interface TestMem: NSObject { TestObject *m_testObject ; // member variable TestObject *testObject ;

2022-01-21 17:38:31
ピクセル画像を描画するCanvasのサンプルコード

プリアンブル紅白歌合戦で遊んだ子供時代。特にあの頃の国産ジークが記憶に残っている。マリオの奴思い出した。子供の頃からドット絵のゲームが特に好きだったこともあり、ドット絵のスタイル自体は極めてシンプルな要素で構成された極めて複雑な絵なので、創作の余地が無限にあり、結果として忘れられない独特の画風になるのだと思います。そこで、大量生産用にピクセル・ドット・マトリックスで

2022-01-21 17:20:22
1分で実感！html+vue+element-uiのサラサラ感

テクノロジー・ジャンキー htmlのウェブページは、あなたが知っていることを指定します。 vue YoYo開発のためのフロントエンドフレームワーク element テイクアウトチームのフロントエンドUI あなたのページの </code>tag under the </p><div><pre> <code>

2022-01-21 17:15:15
html5呼び出しカメラサンプルコード

最近、HTML5プロジェクトを行う上での勉強で、html5通話カメラの写真記事をブログで読んだが、それぞれ欠点がある。そこで、デモを書くための本をチェックし、主に3つのステップで、さらにコード上で説明することなく。 HTMLコードの部分です。 python santiago_select_grasp.py [ERROR] [1546838582.884550]: bad callb

2022-01-21 17:03:26
ポップアップウィンドウのhtml実装例

午前中は何もすることがないので、参考までにポップアップウィンドウをhtmlとnative jsで書いてみました。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"

2022-01-21 17:01:19
html5 直交ハート型曲線の実装

1650年、ストックホルムの街角で、52歳のデカルトは18歳のスウェーデン王女クリスチャンと出会う。当時、貧しく一文無しのデカルトは、ボロボロの服とわずかな数学書だけを持ち歩き、物乞いのような生活を送っていた。高貴な性格のデカルトは施しを求めることもなく、ただ黙々と紙に書いたり絵を描いたりして、数学の世界に集中していた。ある静かな午後、デカルトはいつものように路上に座り、日差しを

2022-01-21 16:58:40
サンプルレートとビットレートを設定してmp3オーディオを録音するhtml5

13年にhtml5録音をした時に問題になったのが、保存したwav形式のファイルが非常に大きかったので、サーバーにアップロードしてからラメのエンコーダーを呼び出して変換するという遠回りの方法をとったのですが、ファイルサイズが大きいためアップロードが遅かったのです。それにしても、フロントエンドの技術は本当に進化していて、ブラウザで直接MP3音声を録音できるlame encoderのjs版を実装してい

2022-01-21 16:53:44
[CSSチュートリアル]z-indexの違い。cssのz-index: 0とz-index: autoの違い。

最近、カスケードコンテキストの勉強をしていたのですが、その過程でz-indexが0とautoの違いは何だろうと思い、Baiduで調べてみたところ、以下のような情報がありました。いくつかの問題を発見し、自分たちの実践(実験？)と合わせて整理したのがこのノートです。正誤表情報を調べていると、z-indexを0にすると新しいカスケードコンテキストが作成され、0がautoより上になるとい

2022-01-21 16:52:51
画像のウォーターフォールレイアウトを実現するHTML+CSS+JSのサンプルコード

プリアンブル滝のレイアウトは、簡単に言えば、滝のレイアウトに似ているので、あなたは非常によく理解できないかもしれませんが、今私は一般的な例であなたを与える、さあ。百度で写真を検索すると、Webページの写真のレイアウトがこうなっていると思うのですが、どうでしょう？あなたはまだ滝について明確ではない、その後、別のものを見てみましょう私は大丈夫です、淘宝網は、我々はそれをよりよ

2022-01-21 16:37:33
HTML ホテルフォームによるフィルタリング

@interface ViewController () @property (nonatomic,copy) NSString *name; @property (nonatomic,retain) NSString *name2; @end -(void)test{ NSString *str = @"I am immutable"; self.name = str

2022-01-21 16:32:28
[CSSチュートリアル】CSS+HTMLで実現するトップナビゲーションバー機能

ナビゲーションバー実装、トップナビゲーションバー固定、セカンダリーメニュー実装 /{br レンダリングです。 2018/11/16に更新しました。最近、このナビゲーションバーを使用する際に、ズームインとズームアウトの場合のページが、ナビゲーションバーのレイアウトと表示に、いくつかの小さな問題があることがわかったので、コードのCSS部分を変更し、再投稿しました。新し

2022-01-21 16:18:55
html+css イメージスキャナ効果用

この記事は、html css image scannerについて、以下のように共有されています。効果このように、ジタバタすることがあります。のディザリングなし。インプリメンテーション 1. ボックスを定義する。 <body> <div class="tu"></div> </body

2022-01-21 16:15:52
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

効果コード内の画像は自分で変更することができますドロップダウンメニューのHTMLコード optimizer.zero_grad() to clear the past gradients. loss.backward() back-propagates, computing the current gradient. optimizer.st

2022-01-21 15:59:57
ドラッグ＆ドロップでホバーアイコンを作成するhtml5サンプルコード

h5では、しばしば以下のようなニーズがあります。ホバーアイコンを追加する必要がありますが、これはおおよそ次の図のような最終的な実装になります。しかし、多くの場合、デザインはメインエリアをカバーしませんが、実際にはカバーすることもあります。しかし、より良いクリックのためには、ページ上でホバーさせる必要があります...。メインエリアをカバーした後、ユーザーが自由に動かせるよう

2022-01-21 15:58:48

最新

おすすめ