SVG格式图片相关

简介:

一、阿里巴巴的图标库

    http://www.iconfont.cn ,里边可下载svg、png、AI格式图标。

    

二、Java生成SVG格式文件的开源工具库jfreesvg

    官网: http://www.jfree.org/jfreesvg/

    GitHub: https://github.com/jfree/jfreesvg

    配合作者的jfreechart可生成svg格式表格,直观感觉还是挺有用的东西。

    

    svg工作流:

    e2ae8bdaa259e4679f547bb0d18e1ac8.png-wh_


    下边是用它Demo生成的SVG文件内容和在浏览器里的效果图:

8cbf677224e13542eff1508a759e83f4.png-wh_

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<? xml  version = "1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
< svg  xmlns = "http://www.w3.org/2000/svg"  xmlns:xlink = "http://www.w3.org/1999/xlink"  xmlns:jfreesvg = "http://www.jfree.org/jfreesvg/svg"  width = "600"  height = "400"  text-rendering = "auto"  shape-rendering = "auto" >
     < defs >
         < linearGradient  id = "_7431485107828082gp5"  x1 = "287.64"  y1 = "177.93"  x2 = "287.64"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,255,0)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,64,0)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp8"  x1 = "484.92"  y1 = "295.96"  x2 = "484.92"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,0,255)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,0,64)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp2"  x1 = "99.22"  y1 = "263.77"  x2 = "99.22"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,0,255)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,0,64)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp6"  x1 = "356.36"  y1 = "231.58"  x2 = "356.36"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,0,255)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,0,64)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp0"  x1 = "256"  y1 = "384.5"  x2 = "256"  y2 = "392.5"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,0,255)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,0,64)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp9"  x1 = "544.78"  y1 = "188.66"  x2 = "544.78"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,255,0)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,64,0)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp4"  x1 = "227.79"  y1 = "210.12"  x2 = "227.79"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,0,255)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,0,64)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp1"  x1 = "307"  y1 = "384.5"  x2 = "307"  y2 = "392.5"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,255,0)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,64,0)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp7"  x1 = "416.21"  y1 = "70.62"  x2 = "416.21"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,255,0)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,64,0)"  />
         </ linearGradient >
         < linearGradient  id = "_7431485107828082gp3"  x1 = "159.07"  y1 = "135.01"  x2 = "159.07"  y2 = "323"  gradientUnits = "userSpaceOnUse" >
             < stop  offset = "0%"  stop-color = "rgb(0,255,0)"  />
             < stop  offset = "100%"  stop-color = "rgb(0,64,0)"  />
         </ linearGradient >
         < clipPath  id = "_7431485107828082clip-0" >
             < path  d = "M 0 0 L 600 0 L 600 400 L 0 400 L 0 0 Z"  />
         </ clipPath >
         < clipPath  id = "_7431485107828082clip-1" >
             < path  d = "M 198.5 159.5 L 198.5 759.5 L -201.5 759.5 L -201.5 159.5 L 198.5 159.5 Z"  />
         </ clipPath >
         < clipPath  id = "_7431485107828082clip-2" >
             < path  d = "M 56 35 L 56 323 L 588 323 L 588 35 Z"  />
         </ clipPath >
     </ defs >
     < rect  x = "0"  y = "0"  width = "600"  height = "400"  style = "fill: rgb(255,255,255); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "157.5"  y = "21.01"  style = "fill: rgb(0,0,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 20px; font-weight: bold;"  clip-path = "url(#_7431485107828082clip-0)" >Statistical Bar Chart Demo 1</ text >
     </ g >
     < rect  x = "249"  y = "378"  width = "102"  height = "21"  style = "fill: rgb(255,255,255); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  style = "fill: url(#_7431485107828082gp0); fill-opacity: 1.0; stroke: none"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)" >
         < path  d = "M 252 384.5 L 260 384.5 L 260 392.5 L 252 392.5 L 252 384.5 Z"  />
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "264"  y = "393.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Row 1</ text >
     </ g >
     < g  style = "fill: url(#_7431485107828082gp1); fill-opacity: 1.0; stroke: none"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)" >
         < path  d = "M 303 384.5 L 311 384.5 L 311 392.5 L 303 392.5 L 303 384.5 Z"  />
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "315"  y = "393.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Row 2</ text >
     </ g >
     < rect  x = "56"  y = "35"  width = "532"  height = "288"  style = "fill: rgb(192,192,192); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "56"  y1 = "327"  x2 = "588"  y2 = "327"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "129.15"  y1 = "327"  x2 = "129.15"  y2 = "327"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "129.15"  y1 = "327"  x2 = "129.15"  y2 = "329"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "257.72"  y1 = "327"  x2 = "257.72"  y2 = "327"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "257.72"  y1 = "327"  x2 = "257.72"  y2 = "329"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "386.28"  y1 = "327"  x2 = "386.28"  y2 = "327"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "386.28"  y1 = "327"  x2 = "386.28"  y2 = "329"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "514.85"  y1 = "327"  x2 = "514.85"  y2 = "327"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < line  x1 = "514.85"  y1 = "327"  x2 = "514.85"  y2 = "329"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "104.15"  y = "345.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Column 1</ text >
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "232.72"  y = "345.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Column 2</ text >
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "361.28"  y = "345.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Column 3</ text >
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "489.85"  y = "345.01"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >Column 4</ text >
     </ g >
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "305"  y = "369.11"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 14px; font-weight: bold;"  clip-path = "url(#_7431485107828082clip-0)" >Type</ text >
     </ g >
     < line  x1 = "52"  y1 = "35"  x2 = "52"  y2 = "323"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "39"  y = "311.71"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >6</ text >
     </ g >
     < line  x1 = "50"  y1 = "306.69"  x2 = "52"  y2 = "306.69"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "39"  y = "290.25"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >8</ text >
     </ g >
     < line  x1 = "50"  y1 = "285.23"  x2 = "52"  y2 = "285.23"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "268.79"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >10</ text >
     </ g >
     < line  x1 = "50"  y1 = "263.77"  x2 = "52"  y2 = "263.77"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "247.33"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >12</ text >
     </ g >
     < line  x1 = "50"  y1 = "242.31"  x2 = "52"  y2 = "242.31"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "225.87"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >14</ text >
     </ g >
     < line  x1 = "50"  y1 = "220.85"  x2 = "52"  y2 = "220.85"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "204.41"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >16</ text >
     </ g >
     < line  x1 = "50"  y1 = "199.39"  x2 = "52"  y2 = "199.39"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "182.95"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >18</ text >
     </ g >
     < line  x1 = "50"  y1 = "177.93"  x2 = "52"  y2 = "177.93"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "161.49"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >20</ text >
     </ g >
     < line  x1 = "50"  y1 = "156.47"  x2 = "52"  y2 = "156.47"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "140.03"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >22</ text >
     </ g >
     < line  x1 = "50"  y1 = "135.01"  x2 = "52"  y2 = "135.01"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "118.57"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >24</ text >
     </ g >
     < line  x1 = "50"  y1 = "113.55"  x2 = "52"  y2 = "113.55"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "97.11"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >26</ text >
     </ g >
     < line  x1 = "50"  y1 = "92.08"  x2 = "52"  y2 = "92.08"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "75.65"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >28</ text >
     </ g >
     < line  x1 = "50"  y1 = "70.62"  x2 = "52"  y2 = "70.62"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "33"  y = "54.19"  style = "fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-0)" >30</ text >
     </ g >
     < line  x1 = "50"  y1 = "49.16"  x2 = "52"  y2 = "49.16"  style = "stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
     < g  style = "fill: rgb(64,64,64); fill-opacity: 1.0; stroke: none"  transform = "matrix(0,-1,1,0,-159.5,198.5)"  clip-path = "url(#_7431485107828082clip-1)" >
         < path  d = "M 9.56 174.44 L 6.06 184.61 L 3.39 184.61 L -0.11 174.44 L 2.55 174.44 L 4.77 181.33 L 6.97 174.44 L 9.56 174.44 Z M 14.59 182.61 L 14.59 181 Q 13.99 181.06 13.61 181.11 Q 13.23 181.16 12.87 181.28 Q 12.56 181.39 12.38 181.62 Q 12.21 181.84 12.21 182.2 Q 12.21 182.75 12.5 182.95 Q 12.79 183.16 13.35 183.16 Q 13.67 183.16 13.99 183.01 Q 14.32 182.86 14.59 182.61 Z M 14.59 183.8 Q 14.35 184 14.16 184.16 Q 13.96 184.33 13.63 184.5 Q 13.31 184.66 13 184.73 Q 12.7 184.81 12.15 184.81 Q 11.13 184.81 10.46 184.13 Q 9.79 183.45 9.79 182.41 Q 9.79 181.55 10.13 181.02 Q 10.48 180.5 11.12 180.19 Q 11.76 179.87 12.67 179.75 Q 13.57 179.62 14.6 179.56 L 14.6 179.51 Q 14.6 178.89 14.13 178.65 Q 13.67 178.41 12.73 178.41 Q 12.31 178.41 11.74 178.55 Q 11.18 178.7 10.63 178.95 L 10.43 178.95 L 10.43 177.09 Q 10.79 177 11.58 176.86 Q 12.37 176.72 13.18 176.72 Q 15.17 176.72 16.07 177.37 Q 16.98 178.03 16.98 179.39 L 16.98 184.61 L 14.59 184.61 L 14.59 183.8 Z M 21.14 184.61 L 18.75 184.61 L 18.75 173.97 L 21.14 173.97 L 21.14 184.61 Z M 30.1 184.61 L 27.71 184.61 L 27.71 183.76 Q 27.08 184.28 26.57 184.55 Q 26.05 184.83 25.33 184.83 Q 24.19 184.83 23.55 184.1 Q 22.91 183.37 22.91 181.92 L 22.91 176.94 L 25.32 176.94 L 25.32 180.73 Q 25.32 181.33 25.35 181.71 Q 25.38 182.09 25.49 182.34 Q 25.6 182.58 25.83 182.7 Q 26.05 182.83 26.47 182.83 Q 26.72 182.83 27.07 182.7 Q 27.41 182.58 27.71 182.37 L 27.71 176.94 L 30.1 176.94 L 30.1 184.61 Z M 35.86 184.81 Q 33.69 184.81 32.53 183.77 Q 31.37 182.73 31.37 180.81 Q 31.37 178.94 32.45 177.81 Q 33.53 176.69 35.47 176.69 Q 37.23 176.69 38.12 177.64 Q 39.01 178.59 39.01 180.36 L 39.01 181.22 L 33.76 181.22 Q 33.81 181.76 34 182.12 Q 34.19 182.47 34.5 182.69 Q 34.81 182.91 35.22 182.99 Q 35.62 183.08 36.11 183.08 Q 36.53 183.08 36.94 182.99 Q 37.34 182.91 37.67 182.75 Q 37.97 182.62 38.22 182.47 Q 38.47 182.31 38.62 182.2 L 38.87 182.2 L 38.87 184.17 Q 38.58 184.3 38.33 184.4 Q 38.09 184.5 37.67 184.59 Q 37.28 184.7 36.87 184.76 Q 36.45 184.81 35.86 184.81 Z M 36.66 179.78 Q 36.64 179.03 36.3 178.63 Q 35.97 178.23 35.28 178.23 Q 34.59 178.23 34.2 178.65 Q 33.81 179.06 33.76 179.78 L 36.66 179.78 Z"  />
     </ g >
     < line  x1 = "56"  y1 = "306.69"  x2 = "588"  y2 = "306.69"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "285.23"  x2 = "588"  y2 = "285.23"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "263.77"  x2 = "588"  y2 = "263.77"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "242.31"  x2 = "588"  y2 = "242.31"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "220.85"  x2 = "588"  y2 = "220.85"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "199.39"  x2 = "588"  y2 = "199.39"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "177.93"  x2 = "588"  y2 = "177.93"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "156.47"  x2 = "588"  y2 = "156.47"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "135.01"  x2 = "588"  y2 = "135.01"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "113.55"  x2 = "588"  y2 = "113.55"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "92.08"  x2 = "588"  y2 = "92.08"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "70.62"  x2 = "588"  y2 = "70.62"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "56"  y1 = "49.16"  x2 = "588"  y2 = "49.16"  style = "stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < rect  x = "82.6"  y = "263.77"  width = "33.25"  height = "59.23"  style = "fill: url(#_7431485107828082gp2); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "99.22"  y1 = "289.52"  x2 = "99.22"  y2 = "238.02"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "94.22"  y1 = "238.02"  x2 = "104.22"  y2 = "238.02"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "94.22"  y1 = "289.52"  x2 = "104.22"  y2 = "289.52"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "92.72"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >10</ text >
     </ g >
     < rect  x = "142.45"  y = "135.01"  width = "33.25"  height = "187.99"  style = "fill: url(#_7431485107828082gp3); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "159.07"  y1 = "160.76"  x2 = "159.07"  y2 = "109.25"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "154.07"  y1 = "109.25"  x2 = "164.07"  y2 = "109.25"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "154.07"  y1 = "160.76"  x2 = "164.07"  y2 = "160.76"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "152.57"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >22</ text >
     </ g >
     < rect  x = "211.17"  y = "210.12"  width = "33.25"  height = "112.88"  style = "fill: url(#_7431485107828082gp4); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "227.79"  y1 = "257.33"  x2 = "227.79"  y2 = "162.9"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "222.79"  y1 = "162.9"  x2 = "232.79"  y2 = "162.9"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "222.79"  y1 = "257.33"  x2 = "232.79"  y2 = "257.33"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "221.29"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >15</ text >
     </ g >
     < rect  x = "271.02"  y = "177.93"  width = "33.25"  height = "145.07"  style = "fill: url(#_7431485107828082gp5); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "287.64"  y1 = "225.14"  x2 = "287.64"  y2 = "130.71"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "282.64"  y1 = "130.71"  x2 = "292.64"  y2 = "130.71"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "282.64"  y1 = "225.14"  x2 = "292.64"  y2 = "225.14"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "281.14"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >18</ text >
     </ g >
     < rect  x = "339.73"  y = "231.58"  width = "33.25"  height = "91.42"  style = "fill: url(#_7431485107828082gp6); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "356.36"  y1 = "254.11"  x2 = "356.36"  y2 = "209.04"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "351.36"  y1 = "209.04"  x2 = "361.36"  y2 = "209.04"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "351.36"  y1 = "254.11"  x2 = "361.36"  y2 = "254.11"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "349.86"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >13</ text >
     </ g >
     < rect  x = "399.58"  y = "70.62"  width = "33.25"  height = "252.38"  style = "fill: url(#_7431485107828082gp7); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "416.21"  y1 = "93.16"  x2 = "416.21"  y2 = "48.09"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "411.21"  y1 = "48.09"  x2 = "421.21"  y2 = "48.09"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "411.21"  y1 = "93.16"  x2 = "421.21"  y2 = "93.16"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "409.71"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >28</ text >
     </ g >
     < rect  x = "468.3"  y = "295.96"  width = "33.25"  height = "27.04"  style = "fill: url(#_7431485107828082gp8); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "484.92"  y1 = "309.91"  x2 = "484.92"  y2 = "282.01"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "479.92"  y1 = "282.01"  x2 = "489.92"  y2 = "282.01"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "479.92"  y1 = "309.91"  x2 = "489.92"  y2 = "309.91"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "481.42"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >7</ text >
     </ g >
     < rect  x = "528.15"  y = "188.66"  width = "33.25"  height = "134.34"  style = "fill: url(#_7431485107828082gp9); fill-opacity: 1.0"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "544.77"  y1 = "202.61"  x2 = "544.77"  y2 = "174.71"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "539.77"  y1 = "174.71"  x2 = "549.77"  y2 = "174.71"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < line  x1 = "539.77"  y1 = "202.61"  x2 = "549.77"  y2 = "202.61"  style = "stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-2)"  />
     < g  transform = "matrix(1,0,0,1,0,0)" >
         < text  x = "538.28"  y = "318.52"  style = "fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;"  clip-path = "url(#_7431485107828082clip-2)" >17</ text >
     </ g >
     < rect  x = "56"  y = "35"  width = "532"  height = "288"  style = "stroke-width: 0.5;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: round;stroke-linejoin: round;shape-rendering:crispEdges;; fill: none"  transform = "matrix(1,0,0,1,0,0)"  clip-path = "url(#_7431485107828082clip-0)"  />
</ svg >

  

本文转自   zl1030   51CTO博客,原文链接:http://blog.51cto.com/zl1030/1982755

相关文章
|
5月前
|
Web App开发 XML 存储
一篇文章讲明白JPG、PNG、GIF、SVG等格式图片区别
一篇文章讲明白JPG、PNG、GIF、SVG等格式图片区别
|
存储 Web App开发 编解码
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
图片:前端展示图像(img 、picture、svg、canvas )及常用图片格式(PNG、JPG、JPEG、WebP、GIF、SVG、AVIF等)
849 1
python 将绘制的图片保存为矢量图格式(svg)
python 将绘制的图片保存为矢量图格式(svg)
python 将绘制的图片保存为矢量图格式(svg)
【PhotoShop】导入webp格式图片
【PhotoShop】导入webp格式图片
428 0
|
编解码 前端开发 搜索推荐
Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来
在之前的几篇文章中,介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如[Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统](https://v3u.cn/a_id_143),我们可以使用svg来打造精美炫酷的分享小图标(icon),这一次我们使用python来将普通的静态的网站logo图片转换为带路径(path)的svg图片,这样就可以让网站logo能够变成动态的,作为一名不折腾不舒服斯基,一枚炫酷自带动画的网站logo自然能够满足我们的折腾欲,同时亦能击中我们的虚荣心。
Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来
|
Java 文件存储 Maven
将PDF文件转换成PNG图片
有这样一个业务场景:需要在 WEB 页面中浏览 PDF 文件,PDF 文件存储在 FTP 服务器上,即 PDF 文件对外提供的访问地址的协议是 ftp 的。有如下几个硬条件、软需求的要求: - WEB 页面本身的可视区域不是很大; - 不想弹出对话框展示 PDF 文件; - 谷歌浏览器不支持在 http 协议的页面里内嵌 ftp 协议的路径; - 在 WEB 页面中使用系统默认的 PDF 阅读器的体验不是很好,滚动条啦,边框啦。
311 0
|
Web App开发 XML 人工智能
如何利用Chrome浏览器将 SVG 转成 PNG
怎么把 SVG 转成 PNG ?用 Chrome 吧,非常好用,还能设定自己想要的尺寸。
414 0
如何利用Chrome浏览器将 SVG 转成 PNG
|
前端开发 JavaScript 小程序
SVG格式的Icon,用了你就知道有多香
继阿里的iconfont之后,字节跳动也出品了自己的矢量图标库,可以实现根据单一SVG源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景。
487 0
SVG格式的Icon,用了你就知道有多香
一篇文章带你了解SVG 转换知识
一篇文章带你了解SVG 转换知识
222 0
一篇文章带你了解SVG 转换知识
小技巧 - 解决 webp 格式图片的快速复制粘贴
小技巧 - 解决 webp 格式图片的快速复制粘贴
792 0