javascript - Javascript DOM 图像到画布

Question

我需要从 DOM 中先前加载的图像创建一个画布元素。我怎么能用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图像对象。