87,914
社区成员
发帖
与我相关
我的任务
分享canvas 画一条空闲线
<body>
<!--画板-->
// 当浏览器不支持的时候才会出现文字
<canvas id="canvas" style="background-color: black;">您当前的版本不支持 </canvas>
<script type="text/javascript">
// 拿到画板
var canvas = document.getElementById('canvas');
canvas.width = 1000;
canvas.height = 1000;
// 拿到上下文
var context = canvas.getContext('2d');
// 设置线条的颜色
context.strokeStyle = 'red';
// 设置线条的宽度
context.lineWidth = 5;
// 绘制直线
context.beginPath();
// 起点
context.moveTo(200, 200);
// 终点
context.lineTo(500, 200);
context.closePath();
context.stroke();
</script>
</body>
现在效果是这样的，但是我想要是红色线外框，内部是白色，类似这样
可以直接把实线变成空心线吗？而不是画长方形
...全文
请发表友善的回复…
发表回复
