首页
-
代码
2013-10-16 22:34:44 -0400
★Canvas绘制线条三角形★
请勿抄袭本页面
代码说明
本例通过HTML5的Canvas标签绘制线条三角形，代码中已包括详细说明。转自Hiro技术站
html代码
<canvas id="line" width="100px" height="100px">你的浏览器不支持HTML5的Canvas标签</canvas> <script type="text/javascript"> var line = document.getElementById('line').getContext('2d'); line.lineWidth = 5;//线条宽度 //画一条垂直线 line.moveTo(5, 0);//开始位置的x,y坐标 line.lineTo(5, 100);//结束位置的x,y坐标 //画一条斜角线 line.lineTo(100, 50);//接上面的线，结束位置的x,y坐标 //再一条斜角线闭合三角形 line.lineTo(5, 0);//接上面的线，结束位置的x,y坐标，与moveTo()一致则闭合 //给三角形边线着色 line.strokeStyle = 'orange';//线条颜色 line.stroke(); </script>
代码演示
你的浏览器不支持HTML5的Canvas标签
[代码仅供参考，转载请注明出处]
Comment:
Name:
Subscribe
|
Register
|
Login
|
N
