論壇今日支持 SVG 向量碼顯示

阿勤

論壇今日支持 SVG 向量碼顯示，方便大家拆字造字等，請大家盡情發揮，歡迎建議指正（我還是新手，請多多指教），格式如下：

1. [svg=長,高] svg 碼[/svg]
   
2. 
   
3. 例子（svg 碼不要有回車鍵 Enter）：
   
4. 
   
5. [svg=128,60]M830 1205 l-34 -35 -135 1 c-75 0 -163 4 -196 8 -33 5 -61 7 -63 6 -1 -1 4 -16 11 -34 7 -17 15 -29 18 -27 2 2 42 6 89 7 l85 4 0 -35 0 -35 -108 3 c-85 2 -114 6 -139 22 l-31 19 -23 -65 c-20 -58 -31 -78 -69 -130 -7 -10 -6 -20 1 -31 37 -59 134 14 134 101 0 48 23 56 151 55 l99 -2 0 -109 0 -109 28 3 c40 5 62 55 62 146 l0 72 99 0 c55 0 106 3 115 6 12 5 15 -2 13 -37 l-2 -43 40 2 c86 5 114 13 121 34 4 13 -1 26 -13 37 -10 10 -33 35 -52 56 l-34 39 -22 -28 c-22 -28 -26 -29 -143 -33 l-120 -5 11 34 11 35 92 -3 c80 -3 94 -1 109 16 16 18 16 21 -21 54 -22 20 -41 36 -45 36 -3 0 -20 -16 -39 -35z M723 978 c2 -9 30 -13 92 -13 62 0 90 4 93 13 3 9 -20 12 -93 12 -73 0 -96 -3 -92 -12z M390 963 c0 -11 16 -14 73 -12 82 3 107 7 107 20 0 6 -40 9 -90 8 -70 -2 -90 -5 -90 -16z M730 894 c0 -11 17 -14 74 -14 41 0 81 3 90 6 36 14 11 21 -74 22 -71 0 -90 -3 -90 -14z M400 883 c0 -14 67 -17 133 -7 68 12 39 25 -48 22 -60 -2 -85 -6 -85 -15z[/svg]

複製代碼

以下是SVG顯示列子：


全字：


字首：


字身：

蓼汀花溆

谢谢!我本人前几个月刚好开始使用SVG图片，向量真是漂亮。至于向量字形是如何由svg码表示，待我上网学习学习。

蓼汀花溆

参考资料
https://www.w3schools.com/graphics/svg_stroking.asp

阿勤

限于網絡程式安全考量，目前論壇主要支持SVG 是以漢字四方格方塊設計為主，如 256x256, 128x 128 , 64x128,128 x 64  , 其他格式可能不大兼容。SVG碼請注意空格，不要輸入兩個空格，可在編輯時ctrl + F 搜查。


以下是256 x 256例子：

[svg=256,256]M637 1572 c-16 -17 -55 -99 -142 -292 -26 -58 -58 -120 -71 -138 -14 -17 -39 -61 -56 -97 -24 -53 -29 -73 -23 -103 9 -48 31 -72 66 -72 28 0 169 87 201 125 10 11 38 70 64 130 47 110 47 110 48 230 1 112 -1 123 -26 172 -33 62 -41 68 -61 45z M1220 2345 c-19 -7 -64 -28 -100 -47 -87 -46 -90 -64 -17 -132 46 -43 56 -58 61 -96 4 -25 14 -82 23 -127 13 -71 14 -161 10 -615 -5 -566 -12 -659 -49 -691 -18 -15 -33 -17 -110 -11 -117 9 -125 -1 -58 -72 45 -48 100 -126 142 -203 15 -27 23 -31 57 -31 83 0 150 49 175 128 4 12 16 27 27 32 45 25 50 58 50 298 0 125 -4 331 -10 457 -6 127 -13 357 -17 512 l-6 282 56 59 c47 49 56 65 56 95 0 40 -4 43 -105 104 -118 71 -137 77 -185 58z M1573 1603 c-24 -8 -13 -29 40 -81 60 -59 97 -105 97 -121 0 -5 8 -16 18 -23 40 -29 94 -110 157 -236 60 -119 71 -134 107 -153 l40 -20 67 20 c41 12 81 33 104 53 36 32 37 35 43 123 l6 90 -38 62 c-35 58 -43 65 -118 100 -45 21 -123 59 -174 86 -62 31 -113 50 -155 56 -34 5 -75 15 -92 21 -43 18 -88 27 -102 23z[/svg] 複製代碼

[svg=256,256]M637 1572 c-16 -17 -55 -99 -142 -292 -26 -58 -58 -120 -71 -138 -14 -17 -39 -61 -56 -97 -24 -53 -29 -73 -23 -103 9 -48 31 -72 66 -72 28 0 169 87 201 125 10 11 38 70 64 130 47 110 47 110 48 230 1 112 -1 123 -26 172 -33 62 -41 68 -61 45z[/svg] 複製代碼

[svg=256,256]M1220 2345 c-19 -7 -64 -28 -100 -47 -87 -46 -90 -64 -17 -132 46 -43 56 -58 61 -96 4 -25 14 -82 23 -127 13 -71 14 -161 10 -615 -5 -566 -12 -659 -49 -691 -18 -15 -33 -17 -110 -11 -117 9 -125 -1 -58 -72 45 -48 100 -126 142 -203 15 -27 23 -31 57 -31 83 0 150 49 175 128 4 12 16 27 27 32 45 25 50 58 50 298 0 125 -4 331 -10 457 -6 127 -13 357 -17 512 l-6 282 56 59 c47 49 56 65 56 95 0 40 -4 43 -105 104 -118 71 -137 77 -185 58z [/svg] 複製代碼

[svg=256,256] M1573 1603 c-24 -8 -13 -29 40 -81 60 -59 97 -105 97 -121 0 -5 8 -16 18 -23 40 -29 94 -110 157 -236 60 -119 71 -134 107 -153 l40 -20 67 20 c41 12 81 33 104 53 36 32 37 35 43 123 l6 90 -38 62 c-35 58 -43 65 -118 100 -45 21 -123 59 -174 86 -62 31 -113 50 -155 56 -34 5 -75 15 -92 21 -43 18 -88 27 -102 23z [/svg] 複製代碼

阿勤

128 x 128 例子：

1. [svg=128,128]M342 1149 c-17 -6 -22 -14 -17 -28 6 -19 -38 -101 -54 -101 -4 0 -14 -12 -23 -28 -9 -15 -40 -51 -70 -80 -54 -54 -50 -71 8 -27 18 14 36 25 40 25 4 0 29 18 55 40 46 38 50 40 119 40 l71 0 -18 -25 c-11 -14 -28 -24 -43 -25 -24 0 -25 -3 -22 -42 3 -32 1 -40 -9 -36 -8 3 -38 2 -67 -2 -37 -4 -58 -3 -70 6 -9 8 -20 14 -24 14 -3 0 -8 -45 -10 -99 -1 -55 -6 -103 -10 -106 -4 -4 -30 -7 -58 -7 -34 0 -50 -4 -47 -12 6 -18 127 -10 141 10 10 13 12 10 8 -19 -4 -33 -5 -35 -55 -41 -29 -3 -69 -6 -89 -6 -27 0 -38 -4 -38 -15 0 -12 12 -14 68 -9 109 10 112 9 112 -20 0 -23 -5 -25 -65 -31 -58 -7 -79 -16 -57 -28 4 -2 50 1 102 7 l95 11 0 35 c0 24 5 36 17 38 21 4 24 -10 20 -129 -3 -97 -4 -99 -28 -99 -26 0 -33 27 -12 48 9 9 6 18 -12 37 -20 22 -26 24 -35 12 -6 -9 -37 -17 -80 -20 -39 -4 -71 -7 -73 -7 -2 0 0 -4 3 -10 3 -6 30 -7 66 -3 l61 6 -4 -29 -3 -29 -93 -3 c-82 -2 -92 -5 -81 -18 10 -12 28 -14 94 -8 l82 7 5 -34 c3 -19 5 -35 3 -37 -1 -1 -32 -5 -68 -9 -37 -3 -64 -10 -61 -14 6 -11 92 -11 149 -1 39 7 40 8 40 50 0 37 3 42 20 40 16 -2 21 -14 27 -63 11 -90 15 -99 48 -113 61 -27 313 -3 366 36 32 23 37 44 19 78 -8 16 -15 41 -15 56 0 62 -31 21 -35 -46 0 -19 -52 -46 -95 -51 -25 -3 -83 -10 -129 -16 -97 -13 -97 -13 -100 67 -1 52 0 55 21 52 21 -3 23 -8 20 -49 -2 -26 1 -50 6 -53 16 -10 52 43 52 76 l0 29 58 -3 c53 -3 57 -5 54 -25 -5 -36 34 -30 58 9 15 25 20 51 20 109 l0 76 65 9 c62 10 65 9 66 -10 0 -12 2 -83 4 -158 1 -75 6 -142 10 -148 17 -27 71 -39 161 -35 77 3 99 8 145 33 62 33 71 56 38 101 -12 16 -27 53 -34 83 l-12 53 -12 -53 c-6 -30 -15 -61 -20 -71 -11 -19 -93 -43 -156 -45 l-38 -1 -4 45 c-2 25 -4 88 -6 140 l-2 95 30 2 c195 16 210 18 213 35 2 9 -11 33 -29 53 l-33 37 -35 -40 c-31 -34 -44 -41 -88 -47 l-53 -7 -1 34 c-2 40 2 162 5 165 1 1 39 5 85 9 95 8 111 22 65 60 -37 30 -57 30 -74 0 -13 -26 -42 -38 -66 -29 -13 5 -19 41 -16 86 1 9 -4 17 -11 17 -6 0 -1 6 13 13 38 19 36 42 -7 68 l-38 23 105 17 c58 10 106 18 108 18 9 3 -3 29 -29 62 -26 33 -36 39 -69 39 -33 0 -37 -3 -33 -19 6 -22 -17 -36 -110 -71 -45 -17 -54 -24 -50 -40 6 -23 16 -25 45 -9 25 13 37 3 15 -14 -12 -9 -17 -33 -19 -100 -3 -101 -8 -107 -82 -107 -47 0 -56 -10 -37 -39 6 -10 17 -11 37 -6 72 19 71 20 76 -57 2 -38 2 -85 0 -103 -4 -31 -7 -33 -50 -40 -26 -4 -55 -11 -65 -17 -16 -8 -17 -6 -11 19 4 15 10 35 14 43 5 9 1 24 -11 39 -18 23 -20 23 -53 7 -19 -9 -57 -16 -85 -16 l-51 0 0 50 0 50 75 0 74 0 -3 48 c-3 31 1 52 10 63 12 13 10 19 -15 43 -29 28 -29 28 -60 10 -17 -10 -31 -21 -31 -24 0 -4 -110 -8 -110 -4 0 8 130 134 138 134 7 0 12 7 12 15 0 17 -27 75 -35 75 -3 0 -24 -12 -48 -27 -36 -22 -157 -59 -157 -47 0 5 47 48 75 69 20 15 19 16 -15 45 -37 32 -43 34 -78 19z m6 -351 c-3 -40 -5 -43 -35 -46 -34 -3 -46 14 -38 53 2 11 4 23 4 28 1 4 17 7 37 7 l35 0 -3 -42z m112 9 c0 -19 -3 -68 -6 -110 -6 -71 -9 -77 -29 -77 -24 0 -25 14 -10 147 2 23 0 45 -5 48 -20 12 -9 25 20 25 27 0 30 -3 30 -33z m118 -9 c-3 -41 -5 -43 -37 -46 -33 -3 -33 -3 -27 32 4 23 3 36 -4 36 -5 0 -10 5 -10 10 0 6 18 10 41 10 l40 0 -3 -42z m-230 -126 c2 -42 0 -52 -12 -52 -11 0 -16 9 -16 29 0 31 -22 57 -40 46 -5 -3 -10 2 -10 13 0 15 7 19 38 18 l37 -2 3 -52z m292 -147 c0 -41 -3 -75 -7 -75 -3 0 -14 7 -24 16 -15 14 -16 18 -1 46 10 22 12 36 5 47 -14 22 -27 20 -31 -4 -6 -33 -19 -39 -46 -21 -25 16 -34 45 -19 59 3 4 33 7 65 7 l58 0 0 -75z m-186 14 c4 -27 4 -77 0 -110 -5 -48 -10 -59 -25 -59 -15 0 -19 10 -21 53 -2 28 -1 78 0 110 3 47 7 57 22 57 13 0 19 -11 24 -51z m86 -54 c9 -11 9 -22 0 -50 -16 -49 -26 -44 -29 15 -2 51 7 62 29 35z m44 -70 c7 -18 32 -20 40 -2 3 6 4 -1 3 -18 -2 -29 -4 -30 -42 -27 -50 5 -51 6 -35 37 15 29 25 32 34 10z M703 1012 c-24 -9 -43 -20 -43 -24 0 -4 6 -6 13 -4 6 2 33 10 59 16 26 7 45 16 42 21 -7 12 -22 10 -71 -9z[/svg]

複製代碼

ceku

可以把 [svg] 轉為 <img src="data:...">，以支援更多格式。用 img 外嵌的 svg 無法載入腳本，可以避免安全性問題。