Javascript 将图像元素放置在画布顶部

我想把手的照片放在脸旁边的黑色帆布上。这可能吗？有没有办法确定图片的位置

这是我的密码：

var帆布；
var canvasContext；
window.onload=函数（）{
canvas=document.getElementById（'myCanvas'）；
canvasContext=canvas.getContext（'2d'）；
canvasContext.fillStyle='black'；
canvasContext.fillRect（0,0，canvas.width，canvas.height）；
//画圈
canvasContext.beginPath（）；
canvasContext.fillStyle='yellow'；
canvasContext.arc（8004004004002*Math.PI，true）；
canvasContext.fill（）；
//引头
canvasContext.beginPath（）；
canvasContext.fillStyle='white'；
canvasContext.arc（6002001001002*Math.PI，true）；
canvasContext.fill（）；
//吸引眼球1
canvasContext.beginPath（）；
canvasContext.fillStyle='white'；
canvasContext.arc（10002001001002*Math.PI，true）；
canvasContext.fill（）；
//吸引眼球2
canvasContext.fillStyle='black'；
canvasContext.fillRect（580175 50 50）；
//图1
canvasContext.fillStyle='black'；
canvasContext.fillRect（980175,50,50）；
//图2
canvasContext.fillStyle='black'；
canvasContext.fillRect（6505503006.5）；
//张嘴
函数changingImg（）{
document.getElementById（“y”）.src=“hand.jpg”
}
}

我认为

是一个小错误，应该是

。但是，如果您要创建一个JS文件并像这样链接到它，您可能需要删除下面的普通标记

接下来，如果要更改图像的大小，只需更改元素变量的

.width

和

.height

属性即可

例如：

var image=document.getElementById（'y'）；
image.width=1920；//将图像的宽度设置为1920
image.height=1080；//将图像的高度设置为1080

如果要读取宽度和高度值，可以这样做：

var image=document.getElementById（'y'）；
var imageWidth=image.width；//图像宽度
var imageHeight=image.height；//图像高度

您的图像需要在图像标记中，而不是脚本标记中：

@symlink-我知道这是一个简单的问题，但为什么您在评论中回答而不是作为答案？@symlink有没有办法在javascript中重叠我的代码和图像？我也想知道我是否可以调整图片的大小并将其链接到一个变量。顺便说一句，我真的无法感谢你enough@AndrewShepherd因为我不确定我是否正确理解OP的问题或回答了它fully@ggorlen对不起，伙计，我不知道如何组织它。这是我的坏处当我删除标记时，我的其余代码都会中断。如何修复此问题？@AbsoluteNoob您是否创建了一个名称与

中的内容相关的文件夹？此外，该文件需要是JavaScript文件，这意味着它需要一个

.js

文件扩展名。我只是想感谢你帮助我做的事情。一切正常now@AbsoluteNoob随时：）