qcode
  • 创作工场专业版,一问多答!更智能、更完整、更原创
  • 这是一个超强内容创作平台,它会写文章、做设计、绘图、敲代码,有问必答!
🔥点击使用-高级专业版🔥

canvas怎么让一个叉车图片随着数组中的x,y变化坐标点

时间2023-04-10 15:56:10 提问来自 江苏省南京市 的网友 分类创作 浏览280
可以使用canvas的drawImage()方法来绘制图片,并使用数组中的x和y坐标来控制图片的位置```js // 获取Canvas上下文对象 var ctx = canvas.getContext('2d'); // 加载图片 var img = new Image(); img.src = 'forklift.jpg'; // 图片地址 img.onload = function() { // 图片加载完成后执行 // 遍历数组中的x,y坐标 for(var i=0; i < array.length; i++) { var x = array[i].x; // 获取当前数组元素的x坐标 var y = array[i].y; // 获取当前数组元素的y坐标 ctx.drawImage(img, x, y); // 用drawImage()方法将图片放到Canvas上 } }          ```

点击这里,进行内容创作

创作工场 免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!

上一篇 canvas中有12个货架,怎么给货架添加个移动的动画 下一篇 能否再详细一点,包括历史方面,谢谢!