html5HTML5 canvas绘图函数详解?html5
编程之家 http://www.77cn.com.cn
html5HTML5 canvas绘图函数详解?html5
html5HTML5 canvas绘图函数详解?html5
用canvas绘图 主要还是要用到javascript，通过开放的功能函数来实现canvas绘图函数详解在canvas这个便签上绘制图形；下面就对绘图用到的功能函数give a detail introduction：(推荐mozilla的)
1.Rectangles on canvas
Xhtml
听说html5html5在canvas上画矩形 主要有三个函数
a.fillRect(x,y,width,height):对比一下Frontpage教程画一个填充的矩形
b.strokeRect(x,y,width,height):画一个矩形框 无填充
c.clearRect(x,y,width,height):清除特定的区域 使绘图得完全透明 初始化之用
2.Drawing paths看看XSLT绘制路径
Xhtml
绘制路径需要一些额外步骤
step 1.beginPath():canvas绘图函数详解创建一个路径，其子路径会被重置 然后可绘制新图
step 2.实际绘制路径
step 3.closePath():用直线连接当前端点和起始端点来封闭路径，若 已封闭或html只是一个点，则什么都不做；not necessary
last step:调用stroke或fill方法函数，
XSLT
Frontpage教程!frontpage2007下载 frontpage2007教程 frontpage2007中
真正绘制到画布上，stroke绘制图形边框 fill填充图形