ХТМЛ5 - Цртање на платну

Преглед садржаја
Кључ за снажне структуре су темељи, за то морамо имати чврсте и добро дефинисане темеље, дакле, како бисмо могли користити елемент до највећег капацитета Платно Прво морамо дубински упознати основне аспекте и зато ћемо почети цртати основне облике, научићемо како функционишу различите методе цртања, а затим можемо направити сложеније композиције.
Нацртајте правоугаоник
Правоугаоник је врло једноставна фигура која се састоји од 4 стране, погледајмо методе које имамо на располагању да бисмо га могли нацртати на платну:
  • цлеарРецт (к, и, в, х): Чисти правоугаоник или део претходно наведеног правоугаоника.
  • филлРецт (к, и, в, х): Користи се за цртање испуњеног правоугаоника.
  • строкеРецт (к, и, в, х): Користи се за цртање правоугаоника без испуне.
Као што смо приметили, све претходне методе користе 4 аргумента, ови аргументи одговарају следећем:
  • к и су границе горње леве ивице правоугаоника.
  • в х одговарају ширини и висини.
Погледајмо једноставан пример како бисмо ове елементе могли применити у пракси:
 Пример Ваш прегледач не подржава елемент платно 

У овом примеру видимо да дефинишемо неке променљиве, где кажемо офсет или ограничите где ће правоугаоници почети, величину, а затим и вар број који ће послужити као бројач за понављање, па видимо да у следећем одељку знамо да ћемо правити правоугаонике динамички, да видимо како су нацртани у нашем прегледач:

Направили смо два реда по 5 правоугаоника сваки, ако погледамо код који смо назвали методе филлРецт () прво за испуњене правоугаонике, а затим до строкеРецт за оне без пуњења.
Коришћењем методе цлеарРецт ()
Шта ако сада желимо да очистимо део испуњених правоугаоника? За ово имамо метод цлеарРецт (), у следећем коду видећемо како то функционише:
 Пример Ваш прегледач не подржава елемент платно 

За свако понављање примењујемо позив на методу цлеарРецт () и када радимо алгоритам успели смо да прође кроз читав центар испуњених правоугаоника, да видимо на следећој слици како то изгледа у нашем прегледачу:

Овде можемо видети како смо очистили подручје које смо претходно нацртали.
Овим смо завршили овај водич у којем смо могли детаљније сагледати неке методе које можемо користити за цртање нашег елемента Платно.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен

Ви ће помоћи развој сајта, дељење страницу са пријатељима

wave wave wave wave wave