Fatal编程技术网

Javascript 画布绘制图像

javascript canvas

Javascript 画布绘制图像,javascript,canvas,Javascript,Canvas,我试图在画布上画一幅画，但它不起作用，我也不知道为什么。这是我的密码： var canvas=document.getElementById（'profile-pic'）； var context=canvas.getContext（'2d'）； var imageObj=新图像（）； imageObj.onload=函数（）{ drawImage（imageObj，150150）； }; imageObj.src='/images/alt profile.png' 查看的API。dx和dy是

我试图在画布上画一幅画，但它不起作用，我也不知道为什么。这是我的密码：

var canvas=document.getElementById（'profile-pic'）；
var context=canvas.getContext（'2d'）；
var imageObj=新图像（）；
imageObj.onload=函数（）{
drawImage（imageObj，150150）；
};
imageObj.src='/images/alt profile.png'
查看的API。
dx
和
dy
是要绘制图像的位置的坐标

您提供了
150150
。你的画布的宽度和高度都是150

这意味着，您正试图在
150150
位置绘制图像，这意味着您正在画布的外角绘制图像


将提供给
drawIamge
的参数值更改为画布范围内的值，即大于图像维度，但小于画布维度。
尝试
context.drawImage（imageObj，0，0）我想你画的是150，这超出了画布的范围。谢谢！