Kontur i wypełnienie prostokąta

Sposób 2

Jeżeli wyświetlamy kontur i wypełnienie to wypełnienie jest dokładnie
wielkości podanego prostokąta. Kontur połową grubości mieści się w
obrębie tego prostokąta, a druga połowa wystaje ponad wymiary tego
prostokąta. Dlatego najlepiej jest podawać najpierw polecenie
stroke()
, potem polecenie
fill().

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

                var cv = document.getElementById("canvas");
                var ctx = cv.getContext("2d");
                ctx.beginPath();
                ctx.rect(50, 50, 200, 100);
                ctx.lineWidth = 5;
                ctx.globalAlpha = 0.5;
                ctx.strokeStyle = "#ff0000";
                ctx.stroke();
                ctx.fillStyle = "#0000ff";
                ctx.fill();
                ctx.globalApha = 1.0;
                ctx.strokeStyle = "black";
                ctx.lineWidth = 0.5;
                ctx.beginPath();
                ctx.moveTo(20, 50);
                ctx.lineTo(280, 50);
                ctx.stroke();

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *