HTML5ä¸çCanvas并没æç´æ¥æä¾ç»å¶æ¤åçæ¹æ³ï¼ä¸é¢æ¯å¯¹å ç§ç»å¶æ¹æ³çæ»ç»ãåç§æ¹æ³åæä¼ç¼ºï¼è§æ åµéç¨ãåæ¹æ³çåæ°ç¸åï¼ä»¥ä¸ä¸ºä¸¤ç§å¸¸è§çæ¹æ³ã
å·¥å ·åæï¼æµè§å¨ãç¼è¾å¨
æ¹æ³ä¸ï¼åæ°æ¹ç¨æ³
1ãå½æ°çåæ°x,y为æ¤åä¸å¿ï¼a,båå«ä¸ºæ¤å横åè½´ã纵åè½´é¿åº¦ï¼ä¸å¯åæ¶ä¸º0ï¼è¯¥æ¹æ³ç缺ç¹æ¯ï¼å½lineWidthè¾å®½ï¼æ¤åè¾ææ¶ï¼æ¤åå
é¨é¿è½´ç«¯è¾ä¸ºå°éï¼ä¸å¹³æ»ï¼æçè¾ä½ï¼ä»£ç å¦ä¸ï¼
æ¹æ³äºï¼ååå缩æ³
1ãå
¶æ¹æ³æ¯ç¨arcæ¹æ³ç»å¶åï¼ç»åscaleè¿è¡ï¼æ¨ªè½´æ纵轴æ¹å缩æ¾ï¼ååå缩ï¼ï¼è¿ç§æ¹æ³ç»å¶çæ¤åç边离é¿è½´ç«¯è¶è¿è¶ç²ï¼é¿è½´ç«¯ç¹ç线宽æ¯æ£å¸¸ï¼è¾¹ç¦»çè½´è¶è¿ãæ¤åè¶æè¶ç»ï¼çè³äº§çé´æï¼è¿æ¯scale导è´çç»æï¼è¿ç§ç¼ºç¹æäºæ¶åæ¯ä¼ç¹ï¼æ¯å¦å¨è¡¨ç°ç¯çç«ä½ææï¼è¡æå
ç¯ï¼æ¶ï¼å¯¹äºåæ°aæb为0çæ
åµï¼è¿ç§æ¹æ³ä¸éç¨ï¼ä»£ç å¦ä¸ï¼
关于canvas绘制椭圆的方式在我的这篇博文里面有详细的描述.其实canvas是支持绘制椭圆的,只不过很多人转发博文的时候不带思考.把错的也给转发了.下面是链接Canvas绘制椭圆