Â¥Ö÷

svgרÌâ½Ì³Ì¡ª¡ª£¨ÎÄ×Ö£© ÎÄ ×Ö(1)       1. ÎÄ×Ö¾Ó×ó¶ÔÆë          Ô´´úÂë:    £¼?xml version="1.0" encoding="utf-8"?£¾ £¼!-- Author : Blueknight,Hangzhou,China 2000 --£¾ £¼svg width="50" height="50"£¾ £¼text x="0" y="20" style="fill: red"£¾ SVG £¼/text£¾ £¼/svg£¾       ½²½â:    ÔÚSVGÖÐʹÓã¼text£¾£¼/text£¾±êÇ©¶¨ÒåÎÄ×Ö. x,yÊôÐÔ¾ö¶¨ÎÄ×ÖµÄλÖÃ.£¼text£¾Ä¬ÈÏΪÎÄ×Ö¾Ó×ó¶ÔÆë.Ò²¾ÍÊÇÎÄ×ÖµÄÖáÏßÔÚÎÄ×ÖµÄ×î×ó±ßÏß,ͼÖÐ,È¡ÖáÏßΪx=0,Óë»­²¼µÄ×î×ó±ßÏßÒ»ÖÂ,ÎÒÃÇ¿´µ½ÎÄ×Ö¾Ó×ó¶ÔÆë. (Áí:¹ØÓÚÖÐÎÄ×ÖÌåÒÔ¼°±àÂë¸ñʽ,ÎÒÃǽ«ÔÚÒÔºóµÄרÌâÖÐÔÙ×öÌÖÂÛ.Ä¿Ç°·¶ÀýÈÔȻʹÓÃĬÈϵÄÓ¢ÎÄ×ÖÌå.) ------------------------------------------------------------------------------------------------------- 2. ÎÄ×Ö¾ÓÖжÔÆë          Ô´´úÂë:    £¼?xml version="1.0" encoding="utf-8"?£¾ £¼!-- Author : Blueknight,Hangzhou,China 2000 --£¾ £¼svg width="50" height="50"£¾ £¼text x="50" y="13" style="fill: red; text-anchor: middle"£¾ SVG £¼/text£¾ £¼/svg£¾       ½²½â:    ¾ÓÖжÔÆëÒ²¾ÍÊÇÎÄ×ÖµÄÖáÏßÔÚÎÄ×ÖµÄÖÐÐÄ.ͼÖÐÈ¡x=50ΪÖáÏß,ÎÒÃǺÜÇå³þµÄ¿´µ½,ÖáÏßÂäÔÚÎÄ×ÖµÄÖÐÐÄ.(Áí°ë±ßÓÉÓÚÂäÔÚͼÏñ»­²¼Íâ,ËùÒÔûÓÐÏÔʾ.) ¾ÓÖжÔÆëʹÓÃÁËtext-anchor: middleÕâÒ»ÊôÐÔ. --------¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª- 3. ÎÄ×Ö¾ÓÓÒ¶ÔÆë          Ô´´úÂë:    £¼?xml version="1.0" encoding="utf-8"?£¾ £¼!-- Author : Blueknight,Hangzhou,China 2000 --£¾ £¼svg width="50" height="50"£¾ £¼text x="50" y="13" style="fill: red; text-anchor: end"£¾ SVG £¼/text£¾ £¼/svg£¾       ½²½â:    ¾ÓÓÒ¶ÔÆëÒ²¾ÍÊÇÎÄ×ÖµÄÖáÏßÔÚÎÄ×ÖµÄ×îÓÒ±ßÏß.ͼÖÐÈ¡x=50ΪÖáÏß,Óë»­²¼µÄ×îÓÒ±ßÏßÒ»ÖÂ.ÎÒÃǺÜÇå³þµÄ¿´µ½,ÖáÏßÂäÔÚÎÄ×ÖµÄ×îÓÒ±ß. ¾ÓÖжÔÆëʹÓÃÁËtext-anchor: endÕâÒ»ÊôÐÔ. ¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª ÎÄ ×Ö£¨2)       4. ·ÖÐÐÏÔʾ          Ô´´úÂë:    £¼?xml version="1.0" encoding="utf-8"?£¾ £¼!-- Author : Blueknight,Hangzhou,China 2000 --£¾ £¼svg width="50" height="50"£¾ £¼text x="0" y="13" style="fill: red"£¾ Line 1 £¼tspan x="0" dy="0.5cm"£¾Line 2£¼/tspan£¾ £¼/text£¾ £¼/svg£¾       ½²½â:    ÎÄ×ֵķÖÐÐÏÔʾÖ÷ÒªÀûÓÃÁË£¼tspan£¾£¼/tspan£¾±êÇ©.tspanÓÃÓÚ¶ÔÎÄ×ÖµÄÏÔʾ½øÐе¥¶ÀµÄ¿ØÖÆ.·¶ÀýʹÓõÄdyÊôÐÔÊÇÒ»¸ö×ÝÏòÏà¶ÔλÒÆÖµ,ËüÓÃÓÚÇø·ÖÉÏÏÂÁ½ÐÐÎÄ×Ö¼äµÄ×ÝÏòÏà¶ÔλÒÆ.Äú¿ÉÒÔÊÔ׎«dyÊôÐÔɾȥ,´Ëʱ»á·¢ÏÖline1±»line2¸²¸Ç¶øÎÞ·¨ÏÔʾ.tspan³ýÁËdy,»¹ÓÐx,y,dx,dy,rotate,textlengthµÈÊôÐÔ. ¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª 5. ÎÄ×Ö·¾¶          Ô´´úÂë:    £¼?xml version="1.0" encoding="utf-8"?£¾ £¼!-- Author : Blueknight,Hangzhou,China 2000 --£¾ £¼svg width="100" height="50"£¾ £¼defs£¾ £¼path id="textPath" d="M10 50 C10 0 90 0 90 50" /£¾ £¼/defs£¾ £¼text style="fill: red; text-anchor:middle"£¾ £¼textPath xlink:href="#textPath"£¾ Text on a Path £¼/textPath£¾ £¼/text£¾ £¼/svg£¾       ½²½â:    ÖÆ×÷ÎÄ×Ö·¾¶Ê×ÏÈÐèÒª¶Ô·¾¶½øÐÐÉùÃ÷¶¨Òå(ÂÌÉ«²¿·Ö). ÔÚÎÄ×ÖÖÐ,ʹÓã¼textpath£¾£¼/textpath£¾±êÇ©,²¢ÀûÓÃÇ°Ãæ½éÉܵÄxlinkµ÷Ó÷½·¨Íê³ÉÎÄ×Ö¸½×Å·¾¶¶¯×÷.    Êղؠ  ·ÖÏí   ¶¥(0)