如何实现在canvas清除画布画布上使用手机触摸画线

来源：蜘蛛抓取(WebSpider) 时间：2017-03-06 06:34 标签： canvas画布

本篇文章主要介绍了html5清空画布方法（三种），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

总结以下三种清空canvas画布的方式：

1. 最简单的方法：由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：

3. 类似于方法2，可以用某一特定颜色填充画布，从而达到清空的目的：

以上就是html5实现清空画布的三种方法的详细内容，更多请关注php中文网其它相关文章！

  • 本文原创发布php中文网 ，转载请注明出处，感谢您的尊重！

在html5中可以使用canvas标签在画布上画图，先直接上代码，这篇文章先简单介绍一下canvas的使用方法，简单画几个圆，矩形，三角形，写字。

在代码中均给出了注释，在这里特别强调的一点是：使用canvas画图时有时候必须beginPath和colsePath,但有时不需要，为了防止出现问题，可以在每次重新画一个图时重新开启路径，画完后关闭路径。

这些代码是在猎豹浏览器上实现的，有些浏览器可能不支持。

您的浏览器不支持canvas //开始新路径，第一笔可以不写 //路径函数 x,y,r,角度范围,顺时针/逆时针 //在画个圆，不填充，加边框，可不画 //将图片画到画板上 猎豹不支持 //在异次元空间重置0,0点位置 //将旋转后的图片返回原画布

我要回帖

更多关于 canvas画布 的文章

 

随机推荐