Remis na płótnie z javascript
Wszystko rysunek na płótnie HTML musi być wykonane z JavaScript:
Przykład
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
</script>
Spróbuj sam " Krok 1: Znajdź element Canvas
Przede wszystkim trzeba znaleźć <canvas> elementu.
Odbywa się to za pomocą sposobu HTML DOM getElementById() :
var canvas = document.getElementById("myCanvas");
Krok 2: Tworzenie obiektu rysunkowego
Po drugie, potrzebny jest obiekt rysowania na płótnie.
getContext() jest wbudowany w przedmiot HTML o właściwościach i sposoby rysunku:
var ctx = canvas.getContext("2d");
Krok 3: Narysuj na płótnie
Wreszcie można wyciągnąć na płótnie.
Ustaw styl wypełnienia obiektu rysunkowego do czerwonego koloru:
ctx.fillStyle = "#FF0000";Nieruchomość fillStyle może być koloru CSS, gradient lub wzór. Domyślną fillStyle jest czarny.
fillRect( x,y,width,height ) Metoda rysuje prostokąt wypełniony stylu wypełnienia, na płótnie:
ctx.fillRect(0,0,150,75);