本文目录一览：
关于HTML5清除canvas画布问题
1、通过简单填充 使用一个新的背景色简单地填充整个画布，这样就可以清除当前内容 重置画布高度 当画布的宽或高被重置时，当前画布内容就会被移除。
2、重置画布宽与高，就会移除当前画布内容。运行结果：注意：该方法对图片填充的形状无效！该方法可以在画布上清理出一个矩形区域。语法： context.clearRect(x，y，width，height)；运行结果与上一例相同。
3、原文地址：HTML5 Canvas 清除圆形、不规则区域 默认 Canvas Api 只提供了清除矩形区域的接口 clearRect()，但有时候需要清除圆形或其他特殊形状的区域。
4、虽然我没用过canvas但是它应该也是常规的HTML的DOM，在它上边试着用JS建立一个DIV，这样就不会影响canvas内部的东西了吧。
canvas简介以及常用性能优化
1、Canvas执行的绘图指令越多，性能消耗就越大。尽可能的减少绘图指令，能够达到更好的性能。例如，用在关系图谱中，用圆来代替多边形，就能够有效的降低计算开销。
2、canvas是一款矢量绘图软件。是一款支持多平台（网页端、iPhone、iPAD及Android端）的在线平面设计工具。Canva提供丰富的版权图片、原创插画以及各类优质设计模板。是一款功能强大的图形绘制软件，轻松帮助您与同事轻松共享项目。-canvas自动擦除效果js
3、一般来说，优化cpu性能应该先用profiler定位到性能热点，找到消耗最高的函数，然后再想办法降低它的消耗。
4、解决方法可以是优化canvas的绘制逻辑，减少不必要的绘制操作，或者在运行时提示用户升级设备或换用更高性能的设备。他因素：还有一些其他因素也可能会导致小程序canvas渲染慢，比如网络延迟、内存占用过高等。-canvas自动擦除效果js
5、而canvas个人认为更适合像素级别的绘制。这是css无法做到的。canvas有专门的画布，其并不急于dom，因此性能上和css3会有一点不同，有时候canvas动画会更平滑。有人做过测试， canvas和css3动画其实在不同场景各有优略。-canvas自动擦除效果js
6、一个Canvas包括全部UIElements将是高效的，但是场景中有多个Canvases也是可能的。在Canvas中嵌套Canvas也是可能的，为了优化的目的嵌套Canvas将使用和父Canvas相同的渲染模式。-canvas自动擦除效果js
canvas属性方法整理
canvas 只支持一种原生的图形绘制：矩形。所有其他图形都至少需要生成一种路径 (path)。不过，我们拥有众多路径生成的方法让复杂图形的绘制成为了可能。canvas 提供了三种方法绘制矩形：说明：这 3 个方法具有相同的参数。-canvas自动擦除效果js
我们可以在HTML5 canvas上绘制绘制文字，并且可以设置文字的字体，大小和颜色。绘制文字的字体由font属性来控制。如果你需要使用颜色来填充文字或制作描边文字，可以使用fillStyle和strokeStyle属性来完成。-canvas自动擦除效果js
我们可以获取canvas对象为var c=document.getElementById(myCanvas)；其应有js属性方法如下列举：1：绘制渲染对象，c.getContext(2d)，获取2d绘图对象，无论我们调用多少次获取的对象都将是相同的对象。-canvas自动擦除效果js
