HTML5+canvas绘图函数详解

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填充图形

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库HTML5+canvas绘图函数详解在线全文阅读。