今天在掘金上看到了别人用js手动写的flappy bird H5游戏,觉得很有意思,自己也想好好玩一下,可以学习一下canvas,又能锻炼一下自己的思维;
今天先学习一下drawImage这个API;
贴一下网上别人的介绍,个人觉得很实用,也很好入门;
—————————————————————————————————————
要在绘图上下文中绘制图片,可以使用 drawImage 方法。该方法有三种不同
的参数:
drawImage(image,dx,dy)
drawImage(image,dx,dy,dw,dh)
drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)
其中的 image 参数可以是 HTMLImageElement、HTMLCanvasElement 和
HTMLVideoElement 中的任一个对象。
绘制参数的含义可以参看下图: