随笔分类 -  HTML5

【HTML5】Canvas绘图详解-1
摘要：  >Canvas绘制基础      案例：绘制由不同颜色的线条组成的图案           案例：绘制封闭具有填充色的图案 1，绘制封闭图案 2，填充图案 注意：先填充和先绘制图案的结果是不一样   miterLimit 最大斜接长度。 提示：只有当 lineJoin 属性为 "miter" 阅读全文
posted @ 2016-03-14 10:02 10:00 阅读(1453) 评论(0) 推荐(2)
【HTML5】炫丽的时钟效果Canvas绘图与动画基础练习
摘要：源自慕课网效果如下：全部代码： new document 当前浏览器不支持Canvas 逻辑代码：clockdown.jsvar WINDOW_WIDTH=1024;var WINDOW_HEIGHT=600;var MARGIN_TOP=60;var MARG... 阅读全文
posted @ 2015-03-17 14:59 10:00 阅读(647) 评论(0) 推荐(0)
【HTML5】Canvas绘制基础
摘要：什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 1，创建Canvas画布： <canvas id="canvas"></canv 阅读全文
posted @ 2015-03-13 17:22 10:00 阅读(680) 评论(0) 推荐(0)