問題タブ [putimagedata]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - キャッチされていない TypeError:「CanvasRenderingContext2D」で「putImageData」を実行できませんでした:指定された double 値は有限ではありません
そのため、サーバーではなくローカルコンピューターでChromeを使用して次のことを実行しようとしています。
そして私は次のようになります:
CSS
キャンバスのサイズは 1920x1080 で、 ( )を使用して縮小されwidth:100%;
ます。drawImage
私が行ったことは、ローカルフォルダーの画像を使用することです。Chrome の使用を開始しgoogle-chrome --allow-file-access-from-files index.html
ました。
html5-canvas - HTML5 キャンバスで画像のデータ配列を取得するには、これらすべてのステートメントが必要ですか?
ピクセル フォント ファイルを画像として読み込んでいますpng
。次に、これを使用してcanvas
imageData.data クランプされたバッファに書き込みarray
、次にputImageData
.
png image
画像をfontImageとしてロードしてからこれらの7行をロードする以外に、データ配列を取得する簡単な方法はありますか...
ありがとう。