Преглед садржаја
Са различитим методама цртања које се виде у платно Могуће је дефинисати области унутар њих за цртање, иако је ово мало сложеније, потпуно је изводљиво, међутим такође имамо могућност постизања истог резултата помоћу методе цлип ().Још један аспект који се такође може укључити у платно је цртеж текста, можда мислимо да помоћу ЦСС -а и других елемената можемо нацртати текст који је истог или бољег изгледа, међутим, у платно омогућава нам да применимо изворне анимације у ХТМЛ5.
Метода исецања
Као што смо споменули на почетку, ова метода поједностављује пут до како можемо да направимо одељак унутар платна, да бисте могли увести друге нацртане елементе, попут новог цртежа или га испунити одређеном бојом.
Да бисмо користили овај алат, морамо позвати методу цлип (), оно што ова метода ради је стварање региона од изрезивање или нови одељак, да видимо у следећем коду како то функционише:
Пример Ваш прегледач не подржава елемент платно У овом коду прво цртамо велики правоугаоник жутом бојом, а затим унутар њега стварамо нову регију користећи цлип () метода и унутар овог региона генеришемо нови црвени правоугаоник.
Хајде да видимо како ово изгледа у нашем прегледачу:
Такође можемо нацртати текст унутар платна, за то имамо следеће методе:
филлТект (, к, и, видтх): Црта и попуњава текст наведен у првом параметру на позицији (к, и). Такође, његов аргумент ширина опциона је, али када је декларисана поставља ограничење ширине текста.
строкеТект (, к, и, видтх): Црта и оставља текст без зазора на позицији (к, и). Као и претходни метод у свом опционом аргументу, он ограничава ширину текста.
Погледајмо следећи пример како користити ове методе за цртање текста на нашем платну:
Пример Ваш прегледач не подржава елемент платно У овом коду користимо обје методе за исцртавање истог текста, оба на истој позицији, али с другом бојом помоћу које постижемо ефект вањског оквира једне боје и испуне друге боје, чиме можемо успоставити више изражена разлика између филлТект И строкеТект.
Коначно и да завршимо овај водич, да видимо како то изгледа у прегледачу.
