問題タブ [putimagedata]

putImageData動作しないスケールを変更する方法scale(1.5, 1.5)..

状況は基本的に、基本的な線形グラデーションでいくつかの動くプリミティブ形状を描画して、透明な空白のキャンバスに重ねます。それらがアルファ チャネル値の変化と重なる場所 (つまり、にじみます)。

最終段階では、個々のピクセルごとにアルファを丸めているため、近い方に応じて 0 または 255 になります。

imageData を使用すると、簡単に実行できます -

その getImageData は CPU 時間が非常に高いため、globalCompositeOperation を使用するソリューションを考え出そうとしていましたが、それを機能させる方法がないように思えますが、アイデアはありますか?

ウェブ上で見つけたいくつかのチュートリアルに従って、getImageData と putImageData を使用して Canvas API を使用するだけで、何日も画像を再現しようと試みてきました。Canvas から描画された四角形やその他のフォームを処理するのは簡単ですが、外部の画像を処理するのは難しいようです。

私がどのように試したかがわかります。解決策があれば、喜んでお読みください。キャンバスの左側に配置された画像を読み取り、同じキャンバスの右側に再現してみました。

ここにフィドルがあります：http://jsfiddle.net/6g82o9Lk/

ご協力ありがとうございました！

デコードされた jpeg 画像があり、putImageData を使用してキャンバスに書き込んでいます。この画像を移動することは可能ですか？それに関するドキュメントが見つかりません。

アイデアは、デコードされた画像の特定の部分をdirtyXとdirtyYでトリミングし、次に画像の別の部分をトリミングしたいと考えています。デコードした画像をスプライトシートのように使っています。

Jpeg ファイルのサーバーへの Ajax 呼び出しを行っています。配列バッファとして返されたデータがあります。この配列バッファをキャンバスにレンダリングするにはどうすればよいですか。ソースURLを画像に設定するなどの回答を提案しないでください。何らかの処理のために画像データをメモリに保持したい。

私は現在 fabric.js を使用しており、onclick イベントの後に画像の一部を球体化することに成功しました。

問題は、キャンバスが私の行動を記憶していないことです。1回クリックすると問題なく、パーツが球状になります。しかし、別の場所などで別の場所をクリックすると、前の球体が消えて新しい球体が表示されます。

console.log を使用して画像のピクセル データをエコーすると、球体化の前後で同じになり、その理由がわかりません。

状況を示すフィドルは次のとおりです。

手伝ってくれてどうもありがとう！