HTML DOM arc() ·½·¨

¶¨ÒåºÍÓ÷¨

arc() ·½·¨Ê¹ÓÃÒ»¸öÖÐÐĵãºÍ°ë¾¶£¬ÎªÒ»¸ö»­²¼µÄµ±Ç°×Ó·¾¶Ìí¼ÓÒ»Ìõ»¡¡£

Óï·¨

arc(x, y, radius, startAngle, endAngle, counterclockwise)

²ÎÊý

²ÎÊý ÃèÊö
x, y ÃèÊö»¡µÄÔ²ÐεÄÔ²ÐĵÄ×ø±ê¡£
radius ÃèÊö»¡µÄÔ²Ðεİ뾶¡£
startAngle, endAngle

ÑØ×ÅÔ²Ö¸¶¨»¡µÄ¿ªÊ¼µãºÍ½áÊøµãµÄÒ»¸ö½Ç¶È¡£Õâ¸ö½Ç¶ÈÓû¡¶ÈÀ´ºâÁ¿¡£

ÑØ×Å X ÖáÕý°ëÖáµÄÈýµãÖÓ·½ÏòµÄ½Ç¶ÈΪ 0£¬½Ç¶ÈÑØ×ÅÄæÊ±Õë·½Ïò¶øÔö¼Ó¡£

counterclockwise »¡ÑØ×ÅÔ²ÖܵÄÄæÊ±Õë·½Ïò£¨TRUE£©»¹ÊÇ˳ʱÕë·½Ïò£¨FALSE£©±éÀú¡£

ÃèÊö

Õâ¸ö·½·¨µÄÍ· 5 ¸ö²ÎÊýÖ¸¶¨ÁËÔ²ÖܵÄÒ»¸öÆðʼµãºÍ½áÊøµã¡£µ÷ÓÃÕâ¸ö·½·¨»áÔÚµ±Ç°µãºÍµ±Ç°×Ó·¾¶µÄÆðʼµãÖ®¼äÌí¼ÓÒ»ÌõÖ±Ïß¡£½ÓÏÂÀ´£¬ËüÑØ×ÅÔ²ÖÜ£¬ÔÚ×Ó·¾¶µÄÆðʼµãºÍ½áÊøµãÖ®¼äÌí¼Ó»¡¡£

×îºóÒ»¸ö counterclockwise ²ÎÊýÖ¸¶¨ÁËÔ²Ó¦¸ÃÑØ×ÅÄĸö·½Ïò±éÀúÀ´Á¬½ÓÆðʼµãºÍ½áÊøµã¡£Õâ¸ö·½·¨½«µ±Ç°Î»ÖÃÉèÖÃΪ»¡µÄÖյ㡣

²ÎÔÄ

CanvasRenderingContext2D.arcTo()

CanvasRenderingContext2D.beginPath()

CanvasRenderingContext2D.closePath()

VUE