canvas使用context.drawImage时图片不在画布上展示的问题

Posted 2020-12-15 fur-mat

遇到问题：找到图片img元素后，将参数传给context.drawImage(image,10,10)后图片并没有在画布上展示。

解决方案：在外层嵌套document.images[0].onload=function(){}。

代码如下：

 document.images[0].onload=function(){
                var context=drawing.getContext(‘2d‘);
                // 获取img元素
                var image=document.images[0];
                context.drawImage(image,0,10,50,50,0,100,40,60);
           }