随笔分类 -  html5

canvas线性变换、颜色和样式选择
摘要：1、应用不同的线型ctx.lineWidth = value; 线条的宽度，默认为1ctx.lineCap = type; 设置端点样式， type默认为butt,可选值round,square,buttctx.lineJoin = type; 设置连接处样式，type默认为miter，可选值rou... 阅读全文
posted @ 2015-01-09 11:14 远方的远方 阅读(1209) 评论(0) 推荐(0) 编辑
canvas图形的组合与裁切
摘要：当两个或两个以上的图形存在重叠区域时，默认情况下一个图形画在前一个图像之上。通过指定图像globalCompositeOperation属性的值可以改变图形的绘制顺序或绘制方式，globalAlpha可以指定图形的透明度。globalCompositeOperation 属性设置或返回如何将一个源（... 阅读全文
posted @ 2015-01-06 16:22 远方的远方 阅读(2831) 评论(0) 推荐(0) 编辑
canvas之图形的变化（平移，缩放，旋转）
摘要：1、保存与恢复canvas状态ctx.save();暂时将当前的状态保存到堆中ctx.restore();该方法用于将上一个保存的状态从堆中再次取出，恢复该状态的所有设置。 1 2 3 4 5 6 12 45 46 47 48 49 50 51 效果展示：2... 阅读全文
posted @ 2015-01-06 15:08 远方的远方 阅读(4086) 评论(1) 推荐(2) 编辑
canvas绘制贝塞尔曲线
摘要：1、绘制二次方贝塞尔曲线quadraticCurveTo(cp1x,cp1y,x,y); 其中参数cp1x和cp1y是控制点的坐标，x和y是终点坐标数学公式表示如下：二次方贝兹曲线的路径由给定点P0、P1、P2的函数B（t）追踪： 2、三次方贝塞尔曲线bezierCur... 阅读全文
posted @ 2015-01-05 18:07 远方的远方 阅读(18169) 评论(2) 推荐(4) 编辑
canvas绘制图形
摘要：第一步：html5页面中添加canvas元素1、javascript绘制图形(矩形)除了可以使用fillStyle和fillRect，还可以使用strokeStyle和strokeRect，fill是填充，而stroke是轮廓，所有用strokeStyle和strokeRect是绘制的矩形轮廓，而f... 阅读全文
posted @ 2015-01-05 17:10 远方的远方 阅读(597) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示