Question

需要多行，但风格不同。但是所有都是相同的风格。感谢。

<script>
     (function draw_b() {


           var canvas = document.getElementById("cena3_pontos");
           var context = canvas.getContext("2d");

            //points
             context.fillStyle = "#ff0000"; //2 e 6 
             context.fillRect(72,95,2,2);
             context.fillRect(97,56,2,2);
             context.fillRect(120,17,2,2);


            /* 

            Diagonal line,represents points on grahic 

             */
             context.beginPath();
             context.moveTo(130,5); //  diagonal
             context.lineTo(-50,300);// 

            /*

            line dashs intersects diagonal line 

            */
            context.setLineDash([5,2])
            context.strokeStyle = "#ffffff";

            /*

            line width

            */
            context.lineWidth = 1;
            context.moveTo(50, 97); 


            //line dash //
            context.lineTo(70,97);
            context.moveTo(75, 95); 
            context.lineTo(75, 140);

            context.closePath();
            context.stroke();

        }())
</script>

Answer 1

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

例如，如果你是beginPath，定义10个fillStyles，然后填充，你的所有填充都将是第10个fillStyle。

解决方案：使用beginPath启动每个独特的样式。

不同的笔画风格，在不同的线条

1 个答案: