హెచ్టిఎంఎల్ కాన్వాస్ రిఫరెన్స్ హాండ్బుక్
హెచ్టిఎంఎల్ కాన్వాస్ రిఫరెన్స్ హాండ్బుక్
HTML
如需了解有关
颜色、样式和阴影
లక్షణాలు |
వివరణ |
fillStyle |
设置或返回用于填充绘画的颜色、渐变或模式 |
strokeStyle |
设置或返回用于笔触的颜色、渐变或模式 |
shadowColor |
శాడో కు వాడే రంగును సెట్ లేదా తిరిగి పొందండి |
shadowBlur |
శాడో కు వాడే మేజర్ బ్లర్ స్థాయిని సెట్ లేదా తిరిగి పొందండి |
shadowOffsetX |
శాడో కు రూపం అక్షాంశంలో వాస్తవిక దూరాన్ని సెట్ లేదా తిరిగి పొందండి |
shadowOffsetY |
శాడో కు రూపం దిశలో వాస్తవిక దూరాన్ని సెట్ లేదా తిరిగి పొందండి |
లైన్ శైలి
లక్షణాలు |
వివరణ |
lineCap |
లైన్ ముగింపు రూపాన్ని సెట్ లేదా తిరిగి పొందండి |
lineJoin |
లైన్స్ అంతరాయంగా సృష్టించబడే కోణపు రకాన్ని సెట్ లేదా తిరిగి పొందండి |
lineWidth |
ప్రస్తుత లైన్ వెడల్పును సెట్ లేదా తిరిగి పొందండి |
miterLimit |
గరిష్ట మిటర్ లిమిట్ సెట్ లేదా తిరిగి పొందండి |
రెక్టాంజిల్
పద్ధతి |
వివరణ |
rect() |
రెక్టాంజిల్ సృష్టించండి |
fillRect() |
పూరితం చేసిన రెక్టాంజిల్ ను చిత్రీకరించండి |
strokeRect() |
రెక్టాంజిల్ ను చిత్రీకరించండి (పూరితం లేదు) |
clearRect() |
నిర్దేశించిన రెక్టాంజిల్ లోని పిక్సెల్స్ ను శుభ్రం చేయండి |
ప్రాంతం
పద్ధతి |
వివరణ |
fill() |
ప్రస్తుత చిత్రణను పూరించండి |
stroke() |
నిర్వచించిన ప్రాంతాన్ని చిత్రీకరించండి |
beginPath() |
ఒక ప్రాంతాన్ని మొదలుపెట్టండి లేదా ప్రస్తుత ప్రాంతాన్ని పునఃస్థాపించండి |
moveTo() |
ప్రాంతాన్ని కెన్వాస్ లో నిర్దేశించిన పాయింట్ కు తరలించండి మరియు లైన్ సృష్టించకండి |
closePath() |
ప్రాంతాన్ని మొదలుపెట్టండి లేదా ప్రస్తుత ప్రాంతాన్ని పునఃస్థాపించండి |
lineTo() |
ఒక కొత్త పాయింట్ జోడించండి మరియు కెన్వాస్ లో ఈ పాయింట్ నుండి చివరి నిర్దేశించిన పాయింట్ వరకు లైన్ సృష్టించండి |
clip() |
మూల కెన్వాస్ నుండి ఏదైనా రూపం మరియు పరిమాణం యొక్క ప్రాంతాన్ని కూర్చుకోండి |
quadraticCurveTo() |
创建二次贝塞尔曲线 |
bezierCurveTo() |
创建三次方贝塞尔曲线 |
arc() |
创建弧/曲线(用于创建圆形或部分圆) |
arcTo() |
创建两切线之间的弧/曲线 |
isPointInPath() |
如果指定的点位于当前路径中,则返回 true,否则返回 false |
టెక్స్ట్
లక్షణాలు |
వివరణ |
font |
టెక్స్ట్ కంటెంట్ ప్రస్తుత ఫాంట్ లక్షణాలను అమర్చండి లేదా తిరిగి పొందండి |
textAlign |
టెక్స్ట్ కంటెంట్ ప్రస్తుత జాయింట్ ప్రక్రియను అమర్చండి లేదా తిరిగి పొందండి |
textBaseline |
చెక్కండి ప్రక్రియలో ఉపయోగించే ప్రస్తుత టెక్స్ట్ బేస్లైన్ను అమర్చండి లేదా తిరిగి పొందండి |
పద్ధతి |
వివరణ |
fillText() |
పైకప్పు లేదా ఫిల్ల్ లేదా స్ట్రోక్ లేదా ఫిల్ల్ స్ట్రోక్ ఉండకుండా చిత్రపటంపై టెక్స్ట్ చెక్కండి |
strokeText() |
పైకప్పు లేదా ఫిల్ల్ లేదా స్ట్రోక్ లేదా ఫిల్ల్ స్ట్రోక్ ఉండకుండా చిత్రపటంపై టెక్స్ట్ చెక్కండి |
measureText() |
నిర్దేశించిన టెక్స్ట్ వెడల్పును సమకూర్చే ఒక అబ్జెక్ట్ను తిరిగి పొందండి |
చిత్ర చెక్కండి
పద్ధతి |
వివరణ |
drawImage() |
చిత్రాన్ని, చిత్రపటాన్ని లేదా వీడియోను చిత్రపటంపై చెక్కండి |
పిక్సెల్ ఆపరేషన్స్
లక్షణాలు |
వివరణ |
width |
ImageData అబ్జెక్ట్ పై నిర్దేశించిన కొలతలో వెడల్పు తిరిగి పొందండి |
height |
ImageData అబ్జెక్ట్ పై నిర్దేశించిన కొలతలో పైకప్పు తిరిగి పొందండి |
data |
నిర్దేశించిన ImageData అబ్జెక్ట్ చిత్ర డేటాను సమకూర్చే ఒక అబ్జెక్ట్ను తిరిగి పొందండి |
పద్ధతి |
వివరణ |
createImageData() |
కొత్త, ఖాళీ ImageData అబ్జెక్ట్ ను సృష్టించండి |
getImageData() |
ImageData అబ్జెక్ట్ పై నిర్దేశించిన కొలతలో పిక్సెల్ డేటాను నకిలీ చేసే ImageData అబ్జెక్ట్ ను తిరిగి పొందండి |
putImageData() |
చిత్రం డేటా ప్రాతిపదికన చిత్రాన్ని చిత్రపటంపై పునఃస్థాపించండి |
కంపోజిషన్
లక్షణాలు |
వివరణ |
globalAlpha |
చెక్కండి ప్రక్రియను అమర్చండి లేదా తిరిగి పొందండి ప్రస్తుత ఆల్ఫా లేదా పారదర్శక విలువను |
globalCompositeOperation |
నూతన చిత్రాన్ని ప్రస్తుత చిత్రంపై చెక్కండి ప్రక్రియను అమర్చండి లేదా తిరిగి పొందండి |
ఇతర విషయాలు
పద్ధతి |
వివరణ |
save() |
ప్రస్తుత ఎన్విరాన్మెంట్ స్థితిని సేవ్ చేయండి |
restore() |
మునుపటి సేవ్ చేసిన పాత పథం స్థితి మరియు లక్షణాలను తిరిగి పొందండి |
createEvent() |
|
getContext() |
|
toDataURL() |
|