Етикети: платно, clearRect, strokeRect, fillRect

В тази статия ще разгледаме вътрешните функции, позволява да се направи правоъгълници платно.

За разлика от SVG. платно поддържа само примитивни форми, като правоъгълници. Всички други форми могат да бъдат създадени с помощта на различни комбинации от правоъгълници и линии. За да нарисувате правоъгълник с помощта на три функции, които ще бъдат обсъдени по-нататък.

За всички примери използвайте следния HTML файлове структура:

Платно - fillRect (х, у, широчина, височина)

Чертае запълнен правоъгълник. х и у координати на незабавно горния ляв ъгъл, и ширината и височината - ширината и височината на правоъгълника. Помислете за един прост пример:

Резултатът на страницата демо:

Платно - strokeRect (х, у, широчина, височина)

Равенства празен правоъгълник (само на границата). х и у координати на незабавно горния ляв ъгъл, и ширината и височината - ширината и височината на правоъгълника. Помислете за един прост пример:

Резултатът на страницата демо:

Платно - clearRect (х, у, широчина, височина)

Изчиства избран правоъгълна зона за цвета на фона. х и у координати на незабавно горния ляв ъгъл, и ширината и височината - ширината и височината на правоъгълника. Помислете за един прост пример:

В този пример, ние първо ще изготви запълнен правоъгълник, за да видите ефекта на функция clearRect.

Резултатът на страницата демо: