将图片转canvas

最新推荐文章于 2024-05-21 14:23:00 发布

你狗

最新推荐文章于 2024-05-21 14:23:00 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dcapple/p/8509244.html

js代码：

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

var img = new Image();
img.crossOrigin = '';  //图片转canvas
img.onload = function () {
    context.drawImage(this, 0, 0);
    context.getImageData(0, 0, this.width, this.height);
   document.body.appendChild(canvas);
};
img.src = "https://pic4.zhimg.com/869cf812c5a1beb827d723e6332748a1_m.jpg";

　　在图片onload以后生成并添加到body里面

转载于:https://www.cnblogs.com/dcapple/p/8509244.html