首页 > 其他 > 详细

CANVAS中的lineWidth小计

时间:2017-04-25 20:38:13      阅读:197      评论:0      收藏:0      [点我收藏+]

html代码

<canvas id="canvas" width="550" height="550">你的浏览器不支持canvas!</canvas>

1.js建立绘图环境:

var canvas=document.getElementById(canvas);  //获取canvas对象;
camvas.width=550;                  //设置canvas宽高;
canvas.height=550;
var context=canvas.getContext("2d");        //获取绘图环境;

 

2.设置canvas绘图线条宽度;

context.lineWidth=4;
context.moveTo(0,100);
comtext.lineTo(100,100);
context.stroke();

这里的context.lineWidth=4就是线条宽度为4px;而且线条宽度的中心就是y=100这条直线,线条宽度平均分布于两侧。

CANVAS中的lineWidth小计

原文:http://www.cnblogs.com/c4633/p/6764096.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!