Canvas袖珍参考手册HTML5Canvas教程与API参考
画图的事儿，Canvas确实挺能打，尤其是在你想手撸点交互、特效或者可视化时。《Canvas 袖珍参考手册》就属于那种常备在书桌边，翻一页少走弯路的类型。教程+API 参考二合一，用起来顺手。
图形绘制那块讲得比较细，像moveTo()、lineTo()这些基本操作，到怎么画贝塞尔曲线、渐变、图案填充，全都有。尤其是渐变这部分，用context.createLinearGradient()配点颜色，做点酷炫背景完全没压力。
坐标变换也讲得清楚，translate、scale、rotate这些组合用一用，搞个自定义图形动画什么的也顺。顺带提一句，canvas.width和canvas.height最好直接写属性，别用 CSS 改尺寸，避免画面模糊。
文字、阴影、合成模式这些细节功能也都有，比如用shadowBlur给个小模糊，或是globalCompositeOperation玩点图层混合，都是提升逼格的细节。
像素操作那章挺有意思，用getImageData()搞点滤镜、碰撞检测啥的，做个小游戏或者可视化 demo 都实用。的案例部分也不错，Sparklines 这种小图表用起来轻便，还能直接用在后台或报表页面里。
如果你刚开始搞 Canvas，或者想系统整理一下 API 知识点，这本手册真的蛮推荐的。可以放在桌面当查字典用，写代码时一查一个准。
文件大小：887.42KB
评论区