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
|
#!/usr/bin/env python2
"""
VectorDrawable2Svg
This script convert your VectorDrawable to a Svg
Author: Alessandro Lucchet
Usage: drop one or more vector drawable onto this script to convert them to svg format
"""
from xml.dom.minidom import *
import sys
# extracts all paths inside vdContainer and add them into svgContainer
def convertPaths(vdContainer,svgContainer,svgXml):
vdPaths = vdContainer.getElementsByTagName('path')
for vdPath in vdPaths:
# only iterate in the first level
if vdPath.parentNode == vdContainer:
svgPath = svgXml.createElement('path')
svgPath.attributes['d'] = vdPath.attributes['android:pathData'].value
if vdPath.hasAttribute('android:fillColor'):
svgPath.attributes['fill'] = vdPath.attributes['android:fillColor'].value
else:
svgPath.attributes['fill'] = 'none'
if vdPath.hasAttribute('android:strokeLineJoin'):
svgPath.attributes['stroke-linejoin'] = vdPath.attributes['android:strokeLineJoin'].value
if vdPath.hasAttribute('android:strokeLineCap'):
svgPath.attributes['stroke-linecap'] = vdPath.attributes['android:strokeLineCap'].value
if vdPath.hasAttribute('android:strokeMiterLimit'):
svgPath.attributes['stroke-miterlimit'] = vdPath.attributes['android:strokeMiterLimit'].value
if vdPath.hasAttribute('android:strokeWidth'):
svgPath.attributes['stroke-width'] = vdPath.attributes['android:strokeWidth'].value
if vdPath.hasAttribute('android:strokeColor'):
svgPath.attributes['stroke'] = vdPath.attributes['android:strokeColor'].value
svgContainer.appendChild(svgPath);
# define the function which converts a vector drawable to a svg
def convertVd(vdFilePath):
# create svg xml
svgXml = Document()
svgNode = svgXml.createElement('svg')
svgXml.appendChild(svgNode);
# open vector drawable
vdXml = parse(vdFilePath)
vdNode = vdXml.getElementsByTagName('vector')[0]
# setup basic svg info
svgNode.attributes['xmlns'] = 'http://www.w3.org/2000/svg'
svgNode.attributes['width'] = vdNode.attributes['android:viewportWidth'].value
svgNode.attributes['height'] = vdNode.attributes['android:viewportHeight'].value
svgNode.attributes['viewBox'] = '0 0 {} {}'.format(vdNode.attributes['android:viewportWidth'].value, vdNode.attributes['android:viewportHeight'].value)
# iterate through all groups
vdGroups = vdXml.getElementsByTagName('group')
for vdGroup in vdGroups:
# create the group
svgGroup = svgXml.createElement('g')
# setup attributes of the group
if vdGroup.hasAttribute('android:translateX'):
svgGroup.attributes['transform'] = 'translate({},{})'.format(vdGroup.attributes['android:translateX'].value,vdGroup.attributes['android:translateY'].value)
# iterate through all paths inside the group
convertPaths(vdGroup,svgGroup,svgXml)
# append the group to the svg node
svgNode.appendChild(svgGroup);
# iterate through all svg-level paths
convertPaths(vdNode,svgNode,svgXml)
# write xml to file
svgXml.writexml(open(vdFilePath + '.svg', 'w'),indent="",addindent=" ",newl='\n')
# script begin
if len(sys.argv)>1:
iterArgs = iter(sys.argv)
next(iterArgs) #skip the first entry (it's the name of the script)
for arg in iterArgs:
convertVd(arg)
else:
print("You have to pass me something")
sys.exit()
|
