Mafunzo ya kitabu cha mafunzo ya Canvas ya HTML
Mafunzo ya kitabu cha mafunzo ya Canvas ya HTML
HTML
如需了解有关
矩形
Methodi |
Maelezo |
rect() |
创建矩形 |
fillRect() |
绘制“被填充”的矩形 |
strokeRect() |
Inafanya kichwa kikaa cha msingi cha eneo kikuu cha kikaa cha msingi bila kufaisha mawingu |
clearRect() |
Inafanya kufaika kipaa cha kikaa cha msingi kwenye eneo kidumu cha kikaa cha msingi kwenye eneo kikuu cha kikaa cha msingi |
Njia
Methodi |
Maelezo |
fill() |
Inafanya mawingu kwenye njia iliyotumika |
stroke() |
Inafanya njia iliyotumika na inasifanya mawingu |
beginPath() |
Inaonyesha njia kipya, au inapunguza njia hivi karibuni |
moveTo() |
Inaonyesha njia kwenye eneo kikuu cha kichwa kikaa cha msingi kwenye eneo kidumu cha kichwa kikaa cha msingi bila kufaisha mawingu |
closePath() |
Ongeza njia kwenye eneo kikuu cha kichwa kikaa cha msingi kutoka kipoo kirefu hadi kipoo cha kwanza |
lineTo() |
Ongeza kipoo kipya, na kichwa kikaa cha kati ya kichwa kikaa cha msingi kwenye eneo kikuu cha kichwa kikaa cha msingi kutoka kipoo hiki hadi kipoo kidumu kwenye eneo kikuu cha kichwa kikaa cha msingi |
clip() |
Kufaa kipakana kwa eneo kwa ukoo na ukubwa kati ya kati ya kichwa kikaa cha msingi |
quadraticCurveTo() |
创建二次贝塞尔曲线 |
bezierCurveTo() |
创建三次方贝塞尔曲线 |
arc() |
创建弧/曲线(用于创建圆形或部分圆) |
arcTo() |
创建两切线之间的弧/曲线 |
isPointInPath() |
如果指定的点位于当前路径中,则返回 true,否则返回 false |
文本
Methodi |
Maelezo |
fillText() |
Kudumuza maandiko kwenye mabonde ya picha kwa kusaidia kwenye kusaidia kwenye kusaidia |
strokeText() |
Kudumuza maandiko kwenye mabonde ya picha kwa kusaidia kwenye kusaidia kwenye kusaidia |
measureText() |
Kutumia kifaa kinachotumika sana, kinachotumika sana kwenye kifaa kinachotumika sana kwenye kifaa kinachotumika sana |
Machakato ya picha
Methodi |
Maelezo |
drawImage() |
Kudumuza picha, mabonde ya picha au video kwenye mabonde ya picha |
Machakato ya mifano
Matumizi |
Maelezo |
width |
Kutumia kifaa cha ImageData kinachotumika sana, kinachotumika sana kwenye kifaa cha ImageData kinachotumika sana |
height |
Kutumia kifaa cha ImageData kinachotumika sana, kinachotumika sana kwenye kifaa cha ImageData kinachotumika sana |
data |
Kutumia kifaa kinachotumika sana, kinachotumika sana kwenye kifaa cha ImageData kinachotumika sana |
Methodi |
Maelezo |
createImageData() |
Kumwambaa kifaa cha ImageData kinachotumika sana, kinachotumika sana kwenye mabonde ya picha ya kuzaliwa |
getImageData() |
Kutumia kifaa cha ImageData kinachotumika sana, kinachotumika sana kwenye mabonde ya picha ya kuzaliwa |
putImageData() |
Kupinga data ya picha ( kutoka kwa kifaa cha ImageData kinachotumika sana) kwenye mabonde ya picha |
Kusaidia
Matumizi |
Maelezo |
globalAlpha |
Kufanya au kusaidia upepo wa alpha wa upepo wa mawasiliano wa kuzaliwa |
globalCompositeOperation |
Kufanya au kusaidia upepo wa picha kwenye picha ya kuzaliwa |
Zingine
Methodi |
Maelezo |
save() |
Kuwasilisha hali ya mazingira ya hivi karibuni |
restore() |
Kutumia hali na matumizi ya njia ya mawasiliano ya hali ya kiwango chini |
createEvent() |
|
getContext() |
|
toDataURL() |
|