单个canvas元素顺序调用多个函数

Question

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

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

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

我希望通过调用单独的JSfuntions

在这个画布上显示不同的形状

例如：     function draw_circle（）;     function draw_square（）;     function draw_arc（）; 。 。 等

在每个形状之后绘制我想用

清除它

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

这样可能吗？还是有替代方案？

Answer 1

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

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

一切顺利！