链接地址
这是我学习canvas画图过程中写的文章,可以说全是手打原创,虽然错误难免,但有交流才有进步,发出来给想学习canvas的同学提供一下参考吧,至少让初学者少走点弯路。
目前这个目录已经更新了15章,可以说比较完整了,后续还会继续更新。
下面是目录列表,但没有链接——要是这么多外链,肯定要被蓝色K掉。
html5 Canvas画图教程1:开始之前
开始canvas画图前的基础知识
html5 Canvas画图教程2:最简单的画线条
画直线与设置线条的样式,如颜色,端点,交汇点等
html5 Canvas画图3:1px线条模糊问题
讲解canvas中线条模糊的原因,及解决办法
html5 Canvas画图4:填充和渐变
html5 Canvas画图5:画曲线之arc
html5 Canvas画图6:画曲线之arcTo
html5 Canvas画图7:曲线之quadraticCurveTo
html5 Canvas画图8:曲线之bezierCurveTo
html5 canvas画图9:基本图形矩形、圆形
html5 Canvas画图10:圆角矩形
html5 canvas画图11:椭圆形
Html5 Canvas画图教程12:绘制图片
html5 Canvas画图教程13:保存画布状态与还原
Html5 canvas画图教程14:画面的位移translate,缩放scale,旋转rotate
Html5 canvas画图教程15:画扇形
具体大家可以进目录看看。如果我更新此目录时,蓝色的这帖子还能编辑,那么我就会到这里也更新下——如果不能编辑就凉拌了。