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

single canvas element calling multiple functions sequentially

本文关键字：顺序调用 函数 布元素 元素 单个画      更新时间：2023-09-26

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

假设 HTML 脚本中只有一个 HTML 画布元素

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

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

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

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

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

这种方式可能吗？还是有其他选择？

这种方式肯定是可能的，你只需要提供你的canvas.width和canvas.height。

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

万事如意！

相关文章：