逝水流光

文章介绍使用 Canvas 实现五彩纸屑效果。先设计类结构，包括Particle、ConfettiBatch和Confetti类。接着实现粒子发射、3D 旋转、清除已完成粒...

文章以 Canvas 实现烟花效果为核心，从绘制单个点入手，逐步构建烟花类，实现烟花爆炸、粒子颜色变化、多烟花绘制，还处理了内存泄漏、添加空气阻力和拖尾效果，通过代码展示完...

文章聚焦 Canvas 碰撞检测技术，详细介绍圆与圆、长方形与长方形、圆与长方形的碰撞检测方法。通过代码示例展示了如何实现这些碰撞检测，并结合小球拖拽功能，直观呈现碰撞检测...

文章为 Canvas 实战内容，聚焦小球与斜面碰撞。先画斜面并封装相关类，基于旋转坐标系理论，实现小球与斜面碰撞代码。...

文章围绕 Canvas 实现小球拖拽展开。先延续上章小球基本操作代码，接着介绍检测小球与鼠标接触的方法，封装获取鼠标在 Canvas 位置的函数，通过模拟 mousedow...

本文围绕 Canvas 实现小球碰撞展开。先给出小球移动操作代码，接着阐述单轴碰撞的物理理论及实现，又详细讲解双轴碰撞理论基础与代码实现。...

本文是 Canvas 实战篇，实现星空连线图。先封装画点操作，接着初始化 canvas 并设置样式，随后创建多个随机点并使其运动，最后通过勾股定理添加连线....

本文聚焦 Canvas 动画高级知识。介绍缓动动画，通过特定公式实现平滑运动，可应用于多种属性变化；还阐述弹性动画及其与摩擦力结合的形式，详细讲解了相关公式与实现原理，并提...

文章基于上一章继续讲解 Canvas 动画中级知识。介绍了多种运动形式的实现，如加速、减速、带角度加速、抛物线、带反弹抛物线运动等，还阐述了如何模拟摩擦力效果。...

本文介绍 Canvas 动画初级知识。给出匀速直线、圆周、椭圆、左右来回、正弦、带角度匀速运动等多种动画的实现代码，展示了不同运动效果的制作方法与原理。...

本文介绍了 Canvas 的剩余重要 API。包括设置阴影的相关属性，可应用于图形和文字；globalAlpha 控制全局透明度；globalCompositeOperat...

文章主要介绍 Canvas 像素操作，涉及 getImageData、putImageData 和 createImageData 等方法及 ImageData 对象。...

本文聚焦 Canvas 形变，介绍了平移、缩放、旋转等操作。平移移动坐标系，缩放改变坐标系及图形大小，旋转基于原点且用弧度。还讲解矩阵变换 API 及与常见形变 API 的...

本文主要介绍 Canvas 绘制图片相关知识，drawImage 可绘制图片、canvas 等，有多种参数形式且需图片加载完成后操作。...

文章围绕 Canvas 绘制文字展开，介绍了 strokeText 和 fillText 分别用于描边和填充文字，measureText 可获取文字宽度辅助居中。...

本文聚焦 Canvas 线条操作，介绍了lineWidth、lineCap、lineJoin、setLineDash等几种API的用法。...