canvas
关注
分享
扫一扫
文章平均质量分 79
ssisse
这个作者很懒，什么都没留下…
展开
-
Canvas 最佳实践（性能篇）
本文转自：http://taobaofed.org/blog/2016/02/22/canvas-performance/Canvas 想必前端同学们都不陌生，它是 HTML5 新增的「画布」元素，允许我们使用 JavaScript 来绘制图形。目前，所有的主流浏览器都支持 Canvas。Canvas 最常见的用途是渲染动画。渲染动画的基本原理，无非是反复地擦除和重转载 2016-05-11 19:37:36 · 403 阅读 · 0 评论 -
html5<canvas>画图
本文转自：http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图 。基本知识 context:一直觉得这个翻译成“上下文”真够蛋疼的，cont转载 2016-05-10 20:22:13 · 1817 阅读 · 0 评论 -
HTML5 canvas lineCap 和 lineJoin 属性
HTML 5 canvas lineCap 属性定义和用法lineCap 属性设置或返回线条末端线帽的样式。注释："round" 和 "square" 会使线条略微变长。默认值：buttJavaScript 语法：context.lineCap="butt|round|square";属转载 2016-08-16 09:36:54 · 5083 阅读 · 5 评论 -
HTML 5 canvas globalAlpha 属性
HTML 5 canvas globalAlpha 属性定义和用法globalAlpha 属性设置或返回绘图的当前透明值（alpha 或 transparency）。globalAlpha 属性值必须是介于 0.0（完全透明） 与 1.0（不透明） 之间的数字。默认值：1.0JavaScript 语法：co转载 2016-08-16 09:24:01 · 1052 阅读 · 1 评论 -
HTML 5 canvas globalCompositeOperation 属性
HTML 5 canvas globalCompositeOperation 属性定义和用法globalCompositeOperation 属性设置或返回如何将一个源（新的）图像绘制到目标（已有）的图像上。源图像 = 您打算放置到画布上的绘图。目标图像 = 您已经放置在画布上的绘图。默认值：source-over转载 2016-08-16 09:20:10 · 1047 阅读 · 0 评论 -
用html5-canvas画可以走动的时钟
本文转自：http://www.w3cfuns.com/notes/19057/93ad0f7bf3f19cc78c67016cd1567395.html无标题文档 您的浏览器版本太低，不支持显示时钟的canvas标签 var clockID = document.getElementById("clock"); var cl转载 2016-05-28 19:26:56 · 566 阅读 · 0 评论 -
HTML canvas addColorStop() 、createLinearGradient() 、createRadialGradient() 方法
HTML canvas createLinearGradient() 方法定义和用法createLinearGradient() 方法创建线性的渐变对象。渐变可用于填充矩形、圆形、线条、文本等等。提示：请使用该对象作为 strokeStyle 或 fillStyle 属性的值。提示：请使用 addColorStop() 方法规定不同的颜色，以及在 gra转载 2016-08-19 20:03:31 · 6691 阅读 · 0 评论