0

2 つのボタンがあり、1 つのボタンでイメージを含むキャンバスを作成します。他のボタンは、キャンバスを png データに変換します (少なくとも、それは私が達成したいことです)。

問題は、JavaScript がどういうわけかキャンバスを画像データに変換しないことです。

ここでjsfiddleを確認してください：http://jsfiddle.net/julekker/tjYzw/1/

私は使用しようとしましwindow.location = finalcanvas.toDataURL("image/png");た

var img = finalcanvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');

しかし、どちらも機能しませんでした。

drawImageメソッドを利用したキャンバス画像をpngデータに変換するにはどうすればよいですか?

4

1 に答える 1

1

jsfiddle コードでは、キャンバスに外部イメージを描画しているようです。これにより、セキュリティ上の理由からクロスドメイン アクセスである場合、ピクセル データと toDataURL へのアクセスが妨げられます。

この問題は、ここで何度も取り上げられています。CORS を使用してこの問題に対処する方法とブラウザーのサポートについては、ブラウザー キャンバス CORS のクロス ドメイン ロードされた画像操作のサポートを参照してください。別のオプションとして、ローカル プロキシ経由で画像をロードすることもできます。

于 2013-04-28T13:48:35.203 に答える