Javascript DOM图像到画布

Question

我需要从DOM中先前加载的图像创建一个画布元素。如何使用javascript实现这一点？

我的图片来源在另一台服务器上。因此我有跨领域的问题。。。

提前感谢！

Answer 1

所以我创建了这个fiddle，它展示了如何加载图像，跨域，然后在画布上显示。。

    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即可。