当前位置:asp编程网>技术教程>Html5教程>  正文

html5 canvas 画虚线的方法

2017-08-10 16:31:59   来源:www.aspbc.com   作者:wangsdong   浏览量:4816   收藏

<canvas id="mycanvas" width="520" height="400" style="border: 0px solid #000; background-color: #fff;"></canvas>

原创文章,转载请注明来源www.aspbc.com,谢谢

<script>

mycanvas=document.getElementById("mycanvas");

ctx = mycanvas.getContext("2d");

//画线

ctx.beginPath();  

ctx.setLineDash([3, 3]);  //画虚线

ctx.moveTo(100,100);

ctx.lineTo(200,100);

ctx.stroke();

ctx.closePath();

</script>


上一篇: html5 canvas 线太粗的解决方法

下一篇: 无

关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网