canvas鼠标图形获取绘制图形长宽
时间: 2023-08-03 21:33:45 浏览: 99
要获取canvas绘制的图形的长宽,可以使用以下代码:
```javascript
// 获取canvas元素
var canvas = document.getElementById('myCanvas');
// 获取canvas的上下文
var ctx = canvas.getContext('2d');
// 绘制矩形
ctx.fillRect(50, 50, 100, 100);
// 获取矩形的长宽
var rectWidth = canvas.width;
var rectHeight = canvas.height;
console.log('矩形的长:' + rectWidth);
console.log('矩形的宽:' + rectHeight);
```
在上面的代码中,我们首先获取了canvas元素和它的上下文。然后,我们使用`fillRect`方法绘制了一个矩形。最后,我们使用`canvas.width`和`canvas.height`属性获取了矩形的长和宽,并将它们打印到了控制台中。
阅读全文