Canvas 阴影属性简介 1. shadowColor 2. shadowBlur 3. shadowOffsetX 4. shadowOffsetY 完整示例 注意事项 常用技巧 Canvas 阴影属性简介 Canvas 2D 上下文提供了4个阴影相关的属性，用于为绘制的图形添加阴影效果： 1. shadowColor...

closePath() 简介 语法 基本用法 closePath() 的效果对比 与 fill() 的关系 典型应用场景 注意事项 一句话总结 closePath() 简介 closePath() 是 Canvas 2D 上下文中用于闭合当前路径 的方法。它会从当前画笔位置画一条直线回到当前子路径的起点。 语法 ctx .c...

fill() 简介 语法 基本用法 fill() 的特性 填充样式 与 stroke() 配合使用 典型应用 注意事项 与 stroke() 的区别 一句话总结 fill() 简介 fill() 是 Canvas 2D 上下文中用于填充当前路径内部区域 的方法。它会用当前的 fillStyle 颜色或渐变来填充路径围成的区域...

lineTo() 简介 语法 基本用法 执行流程 典型应用 与 moveTo() 配合使用 注意事项 一句话总结 lineTo() 简介 lineTo() 是 Canvas 2D 上下文中用于从当前画笔位置画一条直线到指定坐标 的方法。 语法 ctx .lineTo (x , y ); 参数 说明 x ...

createLinearGradient() 简介 语法 基本使用流程 渐变方向示例 完整示例：彩虹渐变矩形 注意事项 应用场景 createLinearGradient() 简介 createLinearGradient() 是 Canvas 2D 上下文中用于创建线性渐变 的方法。它沿着一条直线方向，在两个或多个颜色之间平滑过渡...

beginPath() 简介 语法 为什么需要 beginPath() 正确用法 典型使用场景 与其他路径方法的关系 注意事项 一句话总结 beginPath() 简介 beginPath() 是 Canvas 2D 上下文中用于开始一条新路径 的方法。它告诉画布：”接下来的绘制是一个新的独立图形，不要和之前的路径连在一起。” ...