单个画布元素按顺序调用多个函数答案

【问题标题】：single canvas element calling multiple functions sequentially单个画布元素按顺序调用多个函数
【发布时间】：2013-09-10 00:56:36
【问题描述】：

嗨，我是 html5 画布的新手，我有这个疑问，请帮忙

假设 html 脚本中有一个 html canvas 元素

<canvas id="myCanvas" width="300" height="300"/>

我想通过调用单独的 JSfuntion 在这个画布上显示不同的形状

例如：函数draw_circle（）；函数draw_square（）；函数draw_arc（）； . . 等等

在它绘制的每个形状之后，我想使用

清除它

context.clearRect(x,y,Width,Height);

这样可以吗？还是有其他选择？

【问题讨论】：

没错！只要Width 和Height 是您可以像var Width = canvas.width; 一样访问的变量。话虽如此，画布重绘速度如此之快，以至于您将无法看到绘制的形状，除非您在清除和重绘每个图形之间延迟

【解决方案1】：

这种方式绝对可行，您只需要提供您的 canvas.width 和 canvas.height。

如果您正在寻找以更简单的方式绘制圆、弧、矩形的替代方法，请查看 create.js。它内置了 drawCircle 和其他形状的功能。它还支持上下文的重绘功能。

一切顺利！

【讨论】：