javascript - 单个画布元素按顺序调用多个函数

Question

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

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

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

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

例如：函数draw_circle()；函数draw_square（）；函数draw_arc（）；. . ETC

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

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

有可能吗？还是有其他选择？

Answer 1

这绝对是可能的，你只需要提供你的 canvas.width 和 canvas.height。

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

一切顺利！