0

複数の行が必要ですが、スタイルが異なります。しかし、すべて同じスタイルです。ありがとう。

<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>
4

1 に答える 1

1

context.beginPath と context.fill または context.stroke の間のすべてが、定義された最後のスタイルになります。

たとえば、beginPath で 10 個の fillStyle を定義してから fill を実行すると、すべての fill は 10 番目の fillStyle になります。

解決策: それぞれの固有のスタイル設定を beginPath で開始します。

于 2013-06-11T00:41:02.800 に答える