JavaScript - ボディの高さがキャンバスの高さより 4 ピクセル大きいのはなぜですか?

css: {code...} html: {code...} javascript: {code...} 結果は次のようになります: 論理的には、キャンバスは本体と同じ高さであるべきではありませんか?なぜボディには 4 つの余分なピクセルがあるのですか?教えてください、ありがとう！

扔个三星炸死你 2017-07-05 10:48:24 0  1  690

html5 - 花びら散乱エフェクトの書き方と花びらを多数生成する方法

{コード...} 一枚一枚書いているのですが、とてもめんどくさいので花びらがたくさんありません。数枚しかないのに、どうしたら無限に花びらを生成できるのでしょうか? キャンバスなしで実現できますか? または、どうすれば実現できますか?キャンバスで実現？

我想大声告诉你 2017-06-22 11:53:27 0  3  2051

javascript - chartjsテーブルのサイズについて

私が作成するテーブルは常にカスタム キャンバス サイズとは何の関係もありません {code...} {code...} グラフは表示されますが、属性は次のようなものです: キャンバスの幅と高さは何の関係もありません。私のカスタムサイズ。何が問題だったのでしょうか?

高洛峰 2017-07-05 10:46:32 0  1  1124

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  1009

javascript - キャンバスを使用して電子署名を実装し、キャンバス内にマウスの座標を配置します

キャンバスを使用して電子署名を実装しようとすると、キャンバス内のマウスの座標が正確に取得できません。 {コード...} ev.clientYを使用してマウスの座標を取得しますが、canvas.offsetTopは親要素から高さを取得します。そして、キャンバスはスクロールバーのある形式になっているので...

巴扎黑 2017-05-16 13:36:00 0  1  586

JavaScript - キャンバス上の画像を変換するには?

たとえば、次のような画像があります。{code...} 画像の幅と高さは1280x600で、transform属性はtranslate(6px, 6px)scale(1.5)rotate(100deg);と教えてください。私が作成した画像は何ですか? 1280x600 のキャンバスに合わせるにはどうすればよいですか?

黄舟 2017-05-16 13:23:58 0  3  476

確認コードに数字が 1 つしか表示されないのはなぜですか?

//このレッスンのコードは次のとおりです。何度か確認しましたが、エラーは見つかりませんでしたが、表示された確認コードには数字が 1 つしかありません...なぜこれが起こっているのですか?ガイダンスを教えてください<?php/ / 検証コードの背景ヘッダーを生成('Content-type:image/jpeg'); // 背景画像のサイズ $width=60;$height=15; // キャンバスを作成 $img=imagecreatetruecolor($幅、$高さ)

丫头 2018-04-21 11:01:31 1  5  3036

javascript - jQuery File Upload プラグインに関する質問

ユーザーは、input="file" タグを使用して画像を選択します。ユーザーが選択した画像を処理のためにキャンバスに描画した後、base64 画像データを取得します。次に、この結果を jQuery ファイルにどのように入力するかが問題になります。アップロードして、ボタンをクリックします。アップロードについてはどうですか? {コード...}

淡淡烟草味 2017-06-10 09:49:07 0  1  645

複数のサウンドを同時に再生する

HTML5を使用して複数の音を同時に再生したい。どうすればいいでしょうか？以下は私の現在のコードです:

P粉832212776 2023-08-13 16:14:48 0  1  618

html5 - このコード表示機能を実装するにはどうすればよいですか?

左側にhtml + jsでこのようなWebページを作成し、右側に表示する方法を知りたいです。どのように機能するのでしょうか? wp fiddleをダウンロードしたところ、私の最新バージョンのwordpressでは使用できないことがわかり、自分で実装したいと考えています。コードを送信すると、submitTryit() 関数がトリガーされます。この関数は...

淡淡烟草味 2017-06-21 10:12:03 0  3  922

CSS連続アニメーション

次の CSS コードがあります。問題は、アニメーションが希望どおりに動作するのですが、10 秒が経過するとリセットされてしまい、見苦しいことです。理想的には、再起動する代わりに画像をラップし、画像の左側がキャンバスから出たときに右側から戻ってくる無限アニメーションを実現したいと考えています。 @keyframesscrollRight{0%{背景の位置-x:30%;}100%{背景の位置-x:130%;}}.onrir{背景

P粉928591383 2024-03-20 12:30:42 0  1  472

Phaser でピクセルの消去の進行状況を追跡する他の方法はありますか?

そこで私は、ユーザーがカードをスクラッチして下にあるものを明らかにする必要があるスクラッチ カード ゲームを作成しようとしています。ユーザーがキャンバスの 70% をスクラッチしてすべてを表示したかどうかを確認したいと考えています。フェイザーを使用してこの機能を実装しようとしていますが、機能しません。画像データを計算してピクセルの配列を取得しようとしましたが、すべてゼロの配列が返されました。以下のコードでは、calculateScratchRatio 関数を使用しています。 importBaseScenefrom"./BaseScene"

P粉928591383 2023-08-14 20:29:20 0  1  693

2 つの fill.Rect 関数間の衝突を検出します。

1 人のプレイヤーが矢印キーで制御され、もう 1 人のプレイヤーが WSAD キーで制御されるゲームがあります。 600x600 のキャンバスにマップを設定しており、ゲームの塗りつぶしに 2 人のプレイヤー間の衝突を追加したいと考えています。2 人のプレイヤーが特定の半径内にいるとき、プログラムを終了するか、「ゲーム終了」のようなテキストを表示します。これが私の js です。 、HTML および CSS コード (コード スニペットを表示するには、「全画面表示」に移動する必要があります): //Canvasmycan.style.display="block&quo

P粉145543872 2023-09-15 13:26:06 0  1  846

html5 - Baidu Ueditor のコードの強調表示がコード セグメントのスクロール バーと競合するのはなぜですか?

これは（データベースからの）通常のコード表示です。この時点では、ドキュメント内で次のように強調表示をオンにします。 {code...} Web ページに表示されるコードは強調表示されますが、スクロールは表示されません。バーが失われます。強調表示バーとスクロールバーの両方を表示するにはどうすればよいですか?

黄舟 2017-05-16 13:42:16 0  1  1074

HTML5 ページから QQ と地図を開く方法

HTML5ページからQQと地図を開く方法 QQ: 下記の方法を見つけたのですが、クリックしても反応がありません。 {コード...} 地図: 下記の方法を見つけたのですが、開いてもアドレスが固定されてしまうのはなぜですか？ ?どの属性が固定位置ですか?ポジショニングを実現するにはどうすればよいでしょうか? {コード...}

伊谢尔伦 2017-07-06 10:34:19 0  2  1087