-
1.beginPath和colsePath成对出现时可以构成一个封闭图形 2.既有填充又有描边是先填充在描边，否则描边会被覆盖掉一半的宽度 比较好的代码书写顺序： 1、绘制图形的途径 2、绘制图形状态 3、绘制查看全部
-
beginPath()相当于创建了一个新的路径 beginPath清空了之前的起始点，不意味着从（0,0）开始，而是没有 beginPath+lineTo 相当于moveTo查看全部
-
beginPath()开始新的绘制 stroke基于状态的绘制查看全部
-
context.moveTo(100,100)( 起始点 ) context.lineTo(200,200) ( 结束点 ) context.lineWidth = 10 (线条宽度) context.strokeStyle = '#058'(线条颜色) context.stroke()（基于以上状态绘制线条）查看全部
-
剪辑区域 context.clip() 路径规划查看全部
-
绘制矩形查看全部
-
感谢同学的分享~ var context = canvas.getContext("2d"); context.width = 800; context.height = 800; context.lineWidth = 10; context.strokeStyle = "#efe0ce"; context.fillStyle = "rbg(255,0,0)"; context.fill(); drawStar(context,150,300,400,400,0,5,15); // 多边形复用Star // drawStar(cxt,r,R,x,y,rot,pol,angelStart) // drawStar(context（绘图环境）、内圆半径、外圆半径、Star的X轴偏移量、Star的y轴偏移量、Star旋转度数（顺时针）、几边形、Star旋转度数（逆时针）) function drawStar(cxt,r,R,x,y,rot,pol,angelStart){ cxt.beginPath(); for (var i=0;i<pol;i++){ cxt.lineTo(x+R*Math.cos((angelStart+(360/pol)*i-rot)/180*Math.PI) ,y-R*Math.sin((angelStart+(360/pol)*i-rot)/180*Math.PI)); cxt.lineTo(x+r*Math.cos((angelStart+360/(pol*2)+(360/pol)*i-rot)/180*Math.PI) ,y-r*Math.sin((angelStart+360/(pol*2)+(360/pol)*i-rot)/180*Math.PI)); } cxt.closePath(); cxt.stroke(); }查看全部
-
lineCap()只能用于线段的开始和结尾而不能用于线条的连接处 收尾相连、推荐方案 context.beginPaht()配合context.lineCap() 方案二：context.lineCap:"square";查看全部
-
使用context.lineCap的话。可以使用context.beginPath();但是别闭合。闭合后context.lineCap无效 lineCap:butt(default),round,square;查看全部
-
变换矩阵查看全部
-
http://code.google.com/p/canvasplus http://artisanjs.com http://roopons.com.au/wp-content/plugins/viral-optins/js/rgraph查看全部
-
https://code.google.com/p/explorercanvas/downloads/detail?name=excanvas_r3.zip&can=2&q= 第一种 explorecanvas 只要多引入这个js包就可以支持了 <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]--> 第二种 google chrome frame 开发者指南： http://www.chromium.org/developers/how-tos/chrome-frame-getting-started#TOC-Troubleshooting-installation-issues https://developers.google.com/chrome/chrome-frame/ 需要安装谷歌浏览器框架，会将IE引擎替换成chrome 引擎。会支持所有的HTML5特性。查看全部
-
扩展canvas的绘图库查看全部
-
http://www.w3.org/TR/2dcontext/ https://html.spec.whatwg.org/查看全部
-
beginPath()声明新的绘制。查看全部
举报
0/150
提交
取消