使用canvas绘制“实心”矩形时,使用什么方法,该方法的参数分别代表什么意思

发布网友发布时间：2022-04-22 14:39

共1个回答

热心网友时间：2023-10-18 16:23

使用canvas绘制“实心”矩形时,使用什么方法,该方法的参数分别代表：摘大多数 Canvas 绘图 API都没有定义在元素本身上，而是定义在通过画布的 getContext()方法获得的一个“绘图环境”对象上。

1、fillRect(x,y,width,height)。绘制一个从(x,y)开始，宽度为width，高度为height的实心矩形。

2、strokeRect(x,y,width,height)。绘制一个从(x,y)开始，宽度为width，高度为height的矩形框。该矩形框会根据当前设置的strokeStyle、lineWidth、lineJoin和miterLimit属性的不同而渲染成不同的样式。

差异：

<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是，<canvas> 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。

这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG 绘图很容易编辑，只要从其描述中移除元素就行。

要从同一图形的一个 <canvas> 标记中移除元素，往往需要擦掉绘图重新绘制它。