原文：【HTML 5】HTML5 Canvas rect(), strokeRect() 和 fillRect() 的区别
他们都接受相同的参数，见页面表格。唯一不同的实现方式与效果方面有差异。 其中fillRect 与strokeRect 在调用后会立即在画布上画面效果，而rect 不会立即将图形画出，只有在调用了stroke 方法之后，才会实际作用于画布。 fillRect 从字面上很好理解fillRect 与其他两个的区别，它是执行填充操作。填充一个矩形区域。 下面是来自W SHOOL中文站点对它的具体参数及A ...
2013-05-29 16:22 0 5860 推荐指数：
相关推荐
这个是绘制一个带边框的矩形 绘制矩形边框strokeRect（x,y,width,height）; 参数为“x”，“y”为矩形的起点坐标，“width”“height”分别为矩形的宽和高 设置边框颜色strokeStyle(); 清空 ...
自动重现图形。 Canvas Canvas 通过 JavaScript 来绘制 2D 图形。 C ...
作为一名前端攻城狮，Canvas 和 SVG 对于我们并不陌生，canvas 是 HTML5 提供的新元素，而 svg 存在的时间要比 canvas 长很多，svg 并不属于 html，最初的 svg 是由 XML 定义的，在 html 5 中 canvas 与 svg 看着相似 ...
一．SVG(Scalable Vector Graphics,可伸缩矢量图形)和Canvas对比 1.Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG那样可以被放大缩小。 2.用Canvas绘制出的对象不属于页面DOM结构或者任何命名空间——这点被认为是 ...
先上代码： - Rectangles 绘制矩形对象 - context.fillRect(x,y,w,h) // 绘制矩形 - context.strokeRect(x,y,w,h) // 绘制边框 - context.clearRect(x,y,w,h ...
Canvas所支持的Image API是非常强大的;我们可以直接加载图像，将其显示在Canvas上,也可以切割和拼接显示所需的任何图像部分; 此外，Canvas给我们提供的存储其像素数据的功能，我们可以通过操纵像素数据，然后重新绘制到Canvas上。 虽然Canvas只有提供少数的Image ...
Canvas是HTML的API，我们可以用它在网页中实时的来生成图像。 文章导读 1.必备技能 2.用于画图的函数 例子： -会话气泡- -心形- -钟表- -星球里的星星- -调色板- -鼠标 ...