首页 > 代码库 > CANVAS中的lineWidth小计
CANVAS中的lineWidth小计
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小计
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。