var ctx = mycanvas.getContext('2d');
...
ctx.lineWidth = 2; //px
ctx.strokeStyle = '#000'; // black
ctx.beginPath();
ctx.moveTo(14,42); // First point
ctx.lineTo(20,30); // Repeat as desired
ctx.lineTo(25,35); // Repeat as desired
ctx.stroke(); // Actually draw the path!
var ctx = mycanvas.getContext('2d');
...
ctx.lineWidth = 2; //px
ctx.strokeStyle = '#000'; // black
ctx.beginPath();
ctx.moveTo(14,42); // First point
ctx.lineTo(20,30); // Repeat as desired
ctx.lineTo(25,35); // Repeat as desired
ctx.stroke(); // Actually draw the path!
I suspect you're missing the call to stroke() in your attempts. Note that you can call moveTo()multiple times during a single path, as long as you want to use the same lineWidth/strokeStyle for all segments (as it sounds like you do).
发布评论
评论（1）
要在 HTML Canvas 上下文上画一条线：
我怀疑您在尝试中错过了对
Stroke()的调用。请注意，您可以在一个过程中多次调用moveTo()单个路径，只要您想对所有段使用相同的 lineWidth/linesStyle （听起来像您所做的那样）。To draw a line on an HTML Canvas context:
I suspect you're missing the call to
stroke()in your attempts. Note that you can callmoveTo()multiple times during a single path, as long as you want to use the same lineWidth/strokeStyle for all segments (as it sounds like you do).