HTMl5canvas
文章平均质量分 62
一喵呜
这个作者很懒,什么都没留下…
展开
-
HTML5的画布:Stroke(笔触)和Fill(填充)
每当一个HTML5画布上绘制形状,有两个属性,你需要设置:1、Stroke2、Fill笔触和填充决定的形状如何绘制。Stroke(笔触)是一个形状的轮廓。Fill(填充)是在形状内部的内容。下面这图是绘制了一个蓝色外轮廓和绿色填充的矩形(实际上是两个矩形):下面试实现的代码:// 1. wait for the page to be fully loaded原创 2015-08-06 14:35:01 · 10805 阅读 · 0 评论 -
HTML5画布: clearRect()
clearRect()是用来清除画布的一个矩形。var canvas = document.getElementById("ex1");var context = canvas.getContext("2d");context.fillStyle = "#ff0000";context.fillRect(10,10, 100,100);context.strokeStyle原创 2015-08-06 14:46:09 · 5605 阅读 · 0 评论 -
HTML5的画布:Paths
HTML5的画布路径是一系列的点与点之间的绘图指令。例如,一系列的点用线在它们之间,或者与它们之间的电弧。路径用来绘制多种类型的形状(线,圆,多边形等)的HTML5画布上的,所以要理解这个核心概念是很重要的。开始和关闭路径路径开始和结束时使用的2D上下文函数调用beginPath()和closePath() ,就像这样:var canvas = document.getEle原创 2015-08-06 14:58:17 · 1358 阅读 · 0 评论