javascript - キャンバスへのJavascriptDOMイメージ

Question

以前にDOMにロードされた画像からcanvas要素を作成する必要があります。javascriptでこれを行うにはどうすればよいですか？

私の画像のソースは別のサーバーにあります。したがって、クロスドメインの問題があります...

前もって感謝します ！

Answer 1

そこで、画像をロードし、ドメインをクロスして、キャンバスに表示する方法を示すこのフィドルを作成しました。

    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var imageObj = new Image();

    var img = new Image();
    img.onload = function(){
        context.drawImage(img, 69, 50);

    }
    img.src="http://indianautosblog.com/wp-content/uploads/2013/01/2014-Ferrari-F150-Enzo-successor-rendered.jpeg";

このJSは、別のサイトから画像を読み込む方法を示しています。

Answer 2

ここでdrawImageは、画像オブジェクト を渡すだけです。