Canvas 不同的笔画风格,不同的线条

Canvas 不同的笔画风格,不同的线条,canvas,styles,stroke,Canvas,Styles,Stroke,需要几行,但风格不同。 然而,它们都是同一种风格。 谢谢 (功能图b(){ var canvas=document.getElementById(“cena3_pontos”); var context=canvas.getContext(“2d”); //要点 context.fillStyle=“#ff0000”//2 e 6 fillRect(72,95,2,2); fillRect(97,56,2,2); fillRect(120,17,2,2); /* 对角线,表示图形上的点 */

需要几行,但风格不同。 然而,它们都是同一种风格。 谢谢


(功能图b(){
var canvas=document.getElementById(“cena3_pontos”);
var context=canvas.getContext(“2d”);
//要点
context.fillStyle=“#ff0000”//2 e 6
fillRect(72,95,2,2);
fillRect(97,56,2,2);
fillRect(120,17,2,2);
/* 
对角线,表示图形上的点
*/
context.beginPath();
context.moveTo(130,5);//对角线
context.lineTo(-50300);//
/*
虚线与对角线相交
*/
context.setLineDash([5,2])
context.strokeStyle=“#ffffffff”;
/*
线宽
*/
context.lineWidth=1;
上下文。moveTo(50,97);
//划线//
上下文。lineTo(70,97);
上下文。moveTo(75,95);
lineTo(75140);
closePath();
stroke();
}())

context.beginPath和context.fill或context.stroke之间的所有内容都将采用定义的最后一种样式

例如,如果您选择beginPath,定义10种填充样式,然后进行填充,则所有填充都将是第10种填充样式

解决方案:使用beginPath开始每个独特的样式