使用 rect(x, y, width, height) 方法可以向当前路径添加一个矩形,该方法只会改变路径但不会直接渲染出矩形,所以还需要执行 fill() 或 stroke() 方法:
js:
ctx.rect...3、弧线
(1)标准圆弧
Canvas中没有专门绘制圆的方法,而是使用更加通用的方法arc(x, y, radius, startAngle, endAngle [, anticlockwise])...绘制弧线,参数中 x, y 为圆心坐标;radius 为圆的半径; startAngle 为弧的初始角度;endAngle 为弧的结束角度;anticlockwise 表示是否以逆时针方向绘制路径。...,比如实现一个圆从左往右移动的动画:
js:
/**
* 定义圆
*/
const circle = {
x: 30, // 水平方向的坐标
y: 300, // 垂直方向的坐标
size...该库还提供了Canvas 2D,SVG和CSS3D渲染器
D3.js: D3.js是一个JavaScript库,用于根据数据处理文档。