moveTo() 简介 语法 类比理解 基本用法 典型应用场景 注意事项 与 lineTo() 的区别 一句话总结 moveTo() 简介 moveTo() 是 Canvas 2D 上下文中用于移动画笔到指定坐标 的方法，它不画线 ，只是改变当前绘制位置。 语法 ctx .moveTo (x , y ); 参数 ...

基本概念 重要区别：CSS尺寸 vs Canvas尺寸 示例说明 常见用途 注意事项 在 HTML5 中，<canvas> 元素用于通过 JavaScript 绘制图形。ctx.canvas.width 和 ctx.canvas.height 是 Canvas 2D 上下文（CanvasRenderingContext2D ）中获取画布实际...

偏应用（Partial Application）入门指南 一句话理解 生活中的类比 2种基本写法 1. 用 bind 实现（最原生） 2. 手动实现 偏应用函数 常见应用场景 1. API 请求封装 2. 事件监听 3. 数据处理 偏应用 vs 柯里化 进阶：固定任意位置的参数 注意事项 一句话总结 偏应用（Partial ...

柯里化（Currying） 一句话理解 为什么需要它？ 基础实现 手动写一个简单的柯里化函数 用箭头函数手动柯里化（最简单直观） 常见应用场景 1. 配置函数 2. 事件处理 3. 数据转换管道 和普通函数的区别 注意事项 一句话记住 柯里化（Currying） 一句话理解 柯里化就是把 f(a, b, c) 变成 f(...

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

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

箭头函数入门指南 一句话理解 基础写法演变 三种常见写法 1. 无参数 → 必须加空括号 2. 一个参数 → 可以省略括号 3. 多个参数 → 必须加括号 函数体 写法规则 情况一：单行表达式（自动 return） 情况二：多行语句（必须加 {} 和 return） 情况三：返回对象（必须加括号） 箭头函数 vs 普通函数 this ...

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 上下文中用于创建线性渐变 的方法。它沿着一条直线方向，在两个或多个颜色之间平滑过渡...