html5-canvas

-1熱

1答えて

イメージをダウンロード中キャンバスデータからドキュメント本文にイメージを追加できますが、最後のイメージのみがダウンロードされますなぜですか？私はJSライブラリの下に見られる多くの検索で苦労した後 var canvas = document.getElementsByClassName('canvas'); \t for(var i=0; i<canvas.length; i++){ \

0熱

1答えて

すべてのスペースに収まらない場合は、アイテムを中央に配置します。

イメージの配列があり、グリッドとして指定の列を描画する必要があります。グリッドが持つ列の数、要素のインデックス、イメージまたはスプライト、位置（各要素の最初の同じ位置になります）、および要素の間のパディングを受け取る次の関数を使用して行います。要素（すべての要素で同じです）。 getImagePosition({ columns, i, sprite, position, padding }) {

0熱

2答えて

コンポーネントが定義されていない理由

はがきアプリケーションを作成しています。私はwindowオブジェクトで提供されていますwebkitURLを使用してを使用してアプリケーションを構築していますWebカメラを利用するためには、私が個別に各機能をテストしようとしましたが、すべてが順調だったが、私は一緒にすべてを置いたら、私が手を反応させますこのエラー'Component' is not defined'はコンソールにあります。ここで

2熱

1答えて

Javascript | HTMLキャンバスエラー

黒いキャンバスに四角形を描画しようとしていますが、動作しません。 window.onload = function() { canvas = document.getElementById('canvas'); canvasContext = canvas.getContext('2d'); draw(); } function d

-1熱

1答えて

固定サイズの要素で領域を塗りつぶす

特定の屋根にどれだけの太陽電池パネルが収まるかを計算するアプリケーションを作成しています。ユーザーは屋根の寸法を入力できます。私たちは利用できる太陽電池パネルのサイズにしかありません。キャンバスに、ユーザの入力にする必要があり基づき要件 1）..私はキャンバスが進むべき道だと思ったが、私は必要な情報を見つけるように見えるはありません）、（屋根の上に置くために煙突、ウィンドウオブジェクト.

0熱

1答えて

キャンバスに矩形が描かれていますが、すぐに消えます

私はプロジェクトをやっていますので、タイプダウンゲームを開発しています。問題は、このライン上にあるように思わ：createRect(20, 40, 25, 15, "red"); 矩形が描かれますが、即座にこの問題を解決する方法上の任意のアイデアを消えているように見えますか？私はこれがなぜ起こるかわからないんだけど、私はこれが

1熱

1答えて

キャンバス上の線や矩形を選択しようとしています

私はどのような線（筋肉）と新しい線もクリックして、私のプログラムでハイライトしたいと思います。私はcontext.isPointInPath（）を使いたいと思っていますが、線が1ピクセルだけであるという事実にはあまりにも制限があるようです。そして今、私は線を矩形に変更することを見たいと思います。そのため、私はちょうどmouseclickが長方形の高さと幅内にあるかどうかを見ることができます。しかし

0熱

1答えて

html5キャンバスにテキストを描くことができません

私は他の言語の以前のプログラミング知識でJSを始めています。私はテキストをレンダリングできるキャンバスを作ってJSを学びました。 https://jsfiddle.net/b5n2rypn/ 問題：上記のコードはfillTextを呼び出しますが、テキストが描画されません。私がクラスRichTextを作成し、そのメソッドを使って描画しようとする前に、それは働いていました。コンソールでエラーが見つか

0熱

1答えて

ぼかしを入れずに閉じたオブジェクトが、FabricJSで互いにスペースを持つ理由

Fabric JSで画像のフレームを構築する必要があります。このフレームは、画像の任意のサイズに合わせて動的に構築する必要があります。は、私は2枚の画像を使用してこれを行うには： http://i.imgur.com/3VqKv1O.png - コーナー用の画像私はそれをしないアルゴリズムを開発したと、それは動作します - 側 http://i.imgur.com/w41HYN3.png用画像

2熱

1答えて

は、キャンバスにイメージファイルを反応させ、その後、選択しBASE64

に変換私は、ファイル上でこの機能を持っている： uploadFile(e) { var ctx = this.refs.canvas.getContext('2d'); var url = URL.createObjectURL(e.target.files[0]); var img = new Image(); img.src = url; i