canvas绘制图片设定大小
时间: 2023-06-07 14:06:43 浏览: 62
要设定canvas绘制图片的大小,首先需要确定canvas的宽度和高度,可以使用以下代码设置:
```
var canvas = document.getElementById("myCanvas");
canvas.width = 500; // 设置canvas的宽度为500
canvas.height = 500; // 设置canvas的高度为500
```
然后,在绘制图片时可以使用以下代码设置图片的大小:
```
var img = new Image();
img.onload = function() {
context.drawImage(img, 0, 0, canvas.width, canvas.height); // 在canvas上绘制图片,并设置图片大小为canvas的宽度和高度
};
img.src = "image.jpg";
```
在上面的代码中,`context`是canvas的2D上下文,`img`是要绘制的图片,`0,0`表示图片在canvas上的起始坐标,`canvas.width, canvas.height`表示图片的宽度和高度。