在使用过canvas 一些过后 小总结下
总结 : 由于我以前没有做过绘图 , 所以我在学习的过程中主要难点是 绘图的流程问题
基本方法介绍
1 canvas 创建
注意点 canvas 的宽和高 只能采用 width 和 height 属性设置 style 样式设置会导致图像失真
2 canvas 网格坐标图
3 简单例子
绘图的一些方法 和 使用方法的绘图流程问题 下面的网址都会有介绍
https://developer.mozilla.org/cn/Canvas_tutorial/Drawing_shapes
4 stroke 和 fill
stroke 描边 对应着 strokeStyle
fill 填充 对应着 fillStyle ( 这边有一个流程问题 试想 如果你画一个圈 但是首尾没有闭合 你认为你调用fill 填充还有用吗? )
5 样式和风格 查看
https://developer.mozilla.org/cn/Canvas_tutorial/Applying_styles_and_colors
6 状态的保存和恢复 Saving and restoring state
这两个属性对于你使用canvas 绘图 至关重要 下面的例子我很喜欢
描述下
canvas 提供的是一个属性栈 栈我想大家都知道的 特性是 先进后出
save() 会向栈中保存一条元素 restore 会从栈中删除一条元素
而你绘图是采用当前栈的顶层样式绘制的 记住这个特性之后 样式才能任你控制
兼容IE 和 firefox JS excanvas.js , 说是用来兼容的 但是 我在使用的过程中发现 有些地方还是不能 比如文字等
可能是我的水平还不够~