当前位置:Gxlcms > html代码 > HTML5canvas(二)

HTML5canvas(二)

时间:2021-07-01 10:21:17 帮助过:22人阅读

绘制图片主要有这三种方式,从下图能很清楚的知道各个参数的作用
  • drawImage(image,dx,dy)
  • drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)
  • drawImage(image,dx,dy,dw,dh)
    其中的 image 参数可以是 HTMLImageElement(img标签的元素)、HTMLCanvasElement (canvas标签的元素)和HTMLVideoElement(video的元素) 中的任一个对象。

下面以坦克大战的地图来示意怎么使用 ,其中资源图片为右图

先上基本结构,上节有讲过
  • 你的浏览器不支持canvas!