Merge fixes from lp:~scouring/scour/transform, some sourced from lp:~ecmanaut/scour/transform.

This commit is contained in:
Louis Simard 2011-03-12 03:56:15 -05:00
commit 45bc6c0fac
76 changed files with 321 additions and 130 deletions

184
scour.py
View file

@ -2335,123 +2335,164 @@ def optimizeTransform(transform):
The transformation list is modified in-place. The transformation list is modified in-place.
""" """
# FIXME: reordering these would optimize even more cases:
# first: Fold consecutive runs of the same transformation
# extra: Attempt to cast between types to create sameness:
# "matrix(0 1 -1 0 0 0) rotate(180) scale(-1)" all
# are rotations (90, 180, 180) -- thus "rotate(90)"
# second: Simplify transforms where numbers are optional.
# third: Attempt to simplify any single remaining matrix()
#
# if there's only one transformation and it's a matrix, # if there's only one transformation and it's a matrix,
# try to make it a shorter non-matrix transformation # try to make it a shorter non-matrix transformation
# NOTE: as matrix(a b c d e f) in SVG means the matrix:
# |¯ a c e ¯| make constants |¯ A1 A2 A3 ¯|
# | b d f | translating them | B1 B2 B3 |
# |_ 0 0 1 _| to more readable |_ 0 0 1 _|
if len(transform) == 1 and transform[0][0] == 'matrix': if len(transform) == 1 and transform[0][0] == 'matrix':
matrix = A1, B1, A2, B2, A3, B3 = transform[0][1]
# |¯ 1 0 0 ¯| # |¯ 1 0 0 ¯|
# | 0 1 0 | Identity matrix (no transformation) # | 0 1 0 | Identity matrix (no transformation)
# |_ 0 0 1 _| # |_ 0 0 1 _|
if transform[0][1] == [1, 0, 0, 0, 1, 0]: if matrix == [1, 0, 0, 1, 0, 0]:
del transform[0] del transform[0]
# |¯ 1 0 X ¯| # |¯ 1 0 X ¯|
# | 0 1 Y | Translation by (X, Y). # | 0 1 Y | Translation by (X, Y).
# |_ 0 0 1 _| # |_ 0 0 1 _|
if (transform[0][1][0] == 1 and elif (A1 == 1 and A2 == 0
transform[0][1][1] == 0 and and B1 == 0 and B2 == 1):
transform[0][1][3] == 0 and transform[0] = ('translate', [A3, B3])
transform[0][1][4] == 1):
transform[0] = ('translate', [
transform[0][1][2], transform[0][1][5]
])
# |¯ X 0 0 ¯| # |¯ X 0 0 ¯|
# | 0 Y 0 | Scaling by (X, Y). # | 0 Y 0 | Scaling by (X, Y).
# |_ 0 0 1 _| # |_ 0 0 1 _|
elif (transform[0][1][1] == 0 and elif ( A2 == 0 and A3 == 0
transform[0][1][2] == 0 and and B1 == 0 and B3 == 0):
transform[0][1][3] == 0 and transform[0] = ('scale', [A1, B2])
transform[0][1][5] == 0):
transform[0] = ('scale', [
transform[0][1][0], transform[0][1][4]
])
# |¯ cos(A) -sin(A) 0 ¯| Rotation by angle A, # |¯ cos(A) -sin(A) 0 ¯| Rotation by angle A,
# | sin(A) cos(A) 0 | clockwise, about the origin. # | sin(A) cos(A) 0 | clockwise, about the origin.
# |_ 0 0 1 _| A is in degrees. # |_ 0 0 1 _| A is in degrees, [-180...180].
elif (transform[0][1][0] == transform[0][1][4] and elif (A1 == B2 and -1 <= A1 <= 1 and A3 == 0
transform[0][1][1] == -transform[0][1][3] and and -B1 == A2 and -1 <= B1 <= 1 and B3 == 0
transform[0][1][0] >= 0 and # as cos² A + sin² A == 1 and as decimal trig is approximate:
transform[0][1][0] <= 1 and # FIXME: the "epsilon" term here should really be some function
transform[0][1][3] == sqrt(1 - transform[0][1][0] ** 2) and # of the precision of the (sin|cos)_A terms, not 1e-15:
transform[0][1][2] == 0 and and abs((B1 ** 2) + (A1 ** 2) - 1) < Decimal("1e-15")):
transform[0][1][5] == 0): sin_A, cos_A = B1, A1
transform[0] = ('rotate', [ # while asin(A) and acos(A) both only have an 180° range
# What allows us to get the angle from the matrix # the sign of sin(A) and cos(A) varies across quadrants,
# is the inverse sine of sin(A), which is the 4th # letting us hone in on the angle the matrix represents:
# matrix component, or the inverse cosine of cos(A), # -- => < -90 | -+ => -90..0 | ++ => 0..90 | +- => >= 90
# which is the 1st matrix component. I chose sin(A). #
# math.asin returns radians, so convert. # http://en.wikipedia.org/wiki/File:Sine_cosine_plot.svg
# SVG demands degrees. # shows asin has the correct angle the middle quadrants:
Decimal(math.degrees(math.asin(transform[0][1][4]))) A = Decimal(str(math.degrees(math.asin(float(sin_A)))))
]) if cos_A < 0: # otherwise needs adjusting from the edges
if sin_A < 0:
A = -180 - A
else:
A = 180 - A
transform[0] = ('rotate', [A])
# Simplify transformations where numbers are optional. # Simplify transformations where numbers are optional.
for singleTransform in transform: for type, args in transform:
if singleTransform[0] == 'translate': if type == 'translate':
# Only the X coordinate is required for translations. # Only the X coordinate is required for translations.
# If the Y coordinate is unspecified, it's 0. # If the Y coordinate is unspecified, it's 0.
if (len(singleTransform[1]) == 2 and if len(args) == 2 and args[1] == 0:
singleTransform[1][1] == 0): del args[1]
del singleTransform[1][1] elif type == 'rotate':
elif singleTransform[0] == 'rotate':
# Only the angle is required for rotations. # Only the angle is required for rotations.
# If the coordinates are unspecified, it's the origin (0, 0). # If the coordinates are unspecified, it's the origin (0, 0).
if (len(singleTransform[1]) == 3 and if len(args) == 3 and args[1] == args[2] == 0:
singleTransform[1][1] == 0 and del args[1:]
singleTransform[1][2] == 0): elif type == 'scale':
del singleTransform[1][1:]
elif singleTransform[0] == 'scale':
# Only the X scaling factor is required. # Only the X scaling factor is required.
# If the Y factor is unspecified, it's the same as X. # If the Y factor is unspecified, it's the same as X.
if (len(singleTransform[1]) == 2 and if len(args) == 2 and args[0] == args[1]:
singleTransform[1][0] == singleTransform[1][1]): del args[1]
del singleTransform[1][1]
# Attempt to coalesce runs of the same transformation. # Attempt to coalesce runs of the same transformation.
# Translations followed immediately by other translations, # Translations followed immediately by other translations,
# rotations followed immediately by other rotations, # rotations followed immediately by other rotations,
# scaling followed immediately by other scaling, # scaling followed immediately by other scaling,
# are safe to add. # are safe to add.
# A matrix followed immediately by another matrix # Identity skewX/skewY are safe to remove, but how do they accrete?
# would be safe to multiply together, too. # |¯ 1 0 0 ¯|
# | tan(A) 1 0 | skews X coordinates by angle A
# |_ 0 0 1 _|
#
# |¯ 1 tan(A) 0 ¯|
# | 0 1 0 | skews Y coordinates by angle A
# |_ 0 0 1 _|
#
# FIXME: A matrix followed immediately by another matrix
# would be safe to multiply together, too.
i = 1 i = 1
while i < len(transform): while i < len(transform):
if transform[i][0] == transform[i - 1][0] == 'translate': currType, currArgs = transform[i]
transform[i - 1][1][0] += transform[i][1][0] # x prevType, prevArgs = transform[i - 1]
if currType == prevType == 'translate':
prevArgs[0] += currArgs[0] # x
# for y, only add if the second translation has an explicit y # for y, only add if the second translation has an explicit y
if len(transform[i][1]) == 2: if len(currArgs) == 2:
if len(transform[i - 1][1]) == 2: if len(prevArgs) == 2:
transform[i - 1][1][1] += transform[i][1][1] # y prevArgs[1] += currArgs[1] # y
elif len(transform[i - 1][1]) == 1: elif len(prevArgs) == 1:
transform[i - 1][1].append(transform[i][1][1]) # y prevArgs.append(currArgs[1]) # y
del transform[i] del transform[i]
if transform[i - 1][1][0] == transform[i - 1][1][1] == 0: if prevArgs[0] == prevArgs[1] == 0:
# Identity translation! # Identity translation!
i -= 1 i -= 1
del transform[i] del transform[i]
elif (transform[i][0] == transform[i - 1][0] == 'rotate' elif (currType == prevType == 'rotate'
and len(transform[i - 1][1]) == len(transform[i][1]) == 1): and len(prevArgs) == len(currArgs) == 1):
# Only coalesce if both rotations are from the origin. # Only coalesce if both rotations are from the origin.
transform[i - 1][1][0] += transform[i][1][0] # angle prevArgs[0] += currArgs[0] # angle
# Put the new angle in the range ]-360, 360[.
# The modulo operator yields results with the sign of the
# divisor, so for negative dividends, we preserve the sign
# of the angle.
if prevArgs[0] < 0: prevArgs[0] = prevArgs[0] % -360
else: prevArgs[0] = prevArgs[0] % 360
del transform[i] del transform[i]
elif transform[i][0] == transform[i - 1][0] == 'scale': elif currType == prevType == 'scale':
transform[i - 1][1][0] *= transform[i][1][0] # x prevArgs[0] *= currArgs[0] # x
# handle an implicit y # handle an implicit y
if len(transform[i - 1][1]) == 2 and len(transform[i][1]) == 2: if len(prevArgs) == 2 and len(currArgs) == 2:
# y1 * y2 # y1 * y2
transform[i - 1][1][1] *= transform[i][1][1] prevArgs[1] *= currArgs[1]
elif len(transform[i - 1][1]) == 1 and len(transform[i][1]) == 2: elif len(prevArgs) == 1 and len(currArgs) == 2:
# create y2 = uniformscalefactor1 * y2 # create y2 = uniformscalefactor1 * y2
transform[i - 1][1].append(transform[i - 1][1][0] * transform[i][1][1]) prevArgs.append(prevArgs[0] * currArgs[1])
elif len(transform[i - 1][1]) == 2 and len(transform[i][1]) == 1: elif len(prevArgs) == 2 and len(currArgs) == 1:
# y1 * uniformscalefactor2 # y1 * uniformscalefactor2
transform[i - 1][1][1] *= transform[i][1][0] prevArgs[1] *= currArgs[0]
del transform[i] del transform[i]
if transform[i - 1][1][0] == transform[i - 1][1][1] == 1: if prevArgs[0] == prevArgs[1] == 1:
# Identity scale! # Identity scale!
i -= 1 i -= 1
del transform[i] del transform[i]
else: else:
i += 1 i += 1
# Some fixups are needed for single-element transformation lists, since
# the loop above was to coalesce elements with their predecessors in the
# list, and thus it required 2 elements.
i = 0
while i < len(transform):
currType, currArgs = transform[i]
if ((currType == 'skewX' or currType == 'skewY')
and len(currArgs) == 1 and currArgs[0] == 0):
# Identity skew!
del transform[i]
elif ((currType == 'rotate')
and len(currArgs) == 1 and currArgs[0] == 0):
# Identity rotation!
del transform[i]
else:
i += 1
def optimizeTransforms(element, options) : def optimizeTransforms(element, options) :
""" """
Attempts to optimise transform specifications on the given node and its children. Attempts to optimise transform specifications on the given node and its children.
@ -2470,7 +2511,10 @@ def optimizeTransforms(element, options) :
newVal = serializeTransform(transform) newVal = serializeTransform(transform)
if len(newVal) < len(val): if len(newVal) < len(val):
element.setAttribute(transformAttr, newVal) if len(newVal):
element.setAttribute(transformAttr, newVal)
else:
element.removeAttribute(transformAttr)
num += len(val) - len(newVal) num += len(val) - len(newVal)
for child in element.childNodes: for child in element.childNodes:

View file

@ -1217,6 +1217,96 @@ class RemoveDefsWithWhitespace(unittest.TestCase):
self.assertEquals(doc.getElementsByTagName('defs').length, 0, self.assertEquals(doc.getElementsByTagName('defs').length, 0,
'Kept defs, although it contains only whitespace or is <defs/>') 'Kept defs, although it contains only whitespace or is <defs/>')
class TransformIdentityMatrix(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-identity.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), '',
'Transform containing identity matrix not removed')
class TransformRotate135(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-135.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(135)',
'Rotation matrix not converted to rotate(135)')
class TransformRotate45(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-45.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(45)',
'Rotation matrix not converted to rotate(45)')
class TransformRotate90(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-90.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(90)',
'Rotation matrix not converted to rotate(90)')
class TransformRotateCCW135(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-neg-135.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(-135)',
'Counter-clockwise rotation matrix not converted to rotate(-135)')
class TransformRotateCCW45(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-neg-45.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(-45)',
'Counter-clockwise rotation matrix not converted to rotate(-45)')
class TransformRotateCCW90(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-rotate-neg-90.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(-90)',
'Counter-clockwise rotation matrix not converted to rotate(-90)')
class TransformScale2by3(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-scale-2-3.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'scale(2 3)',
'Scaling matrix not converted to scale(2 3)')
class TransformScaleMinus1(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-scale-neg-1.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'scale(-1)',
'Scaling matrix not converted to scale(-1)')
class TransformTranslate(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-matrix-is-translate.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'translate(2 3)',
'Translation matrix not converted to translate(2 3)')
class TransformRotation3Args(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-rotate-fold-3args.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), 'rotate(90)',
'Optional zeroes in rotate(angle 0 0) not removed')
class TransformIdentityRotation(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-rotate-is-identity.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), '',
'Transform containing identity rotation not removed')
class TransformIdentitySkewX(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-skewX-is-identity.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), '',
'Transform containing identity X-axis skew not removed')
class TransformIdentitySkewY(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-skewY-is-identity.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), '',
'Transform containing identity Y-axis skew not removed')
class TransformIdentityTranslate(unittest.TestCase):
def runTest(self):
doc = scour.scourXmlFile('unittests/transform-translate-is-identity.svg')
self.assertEquals(doc.getElementsByTagName('line')[0].getAttribute('transform'), '',
'Transform containing identity translation not removed')
class DuplicateGradientsUpdateStyle(unittest.TestCase): class DuplicateGradientsUpdateStyle(unittest.TestCase):
def runTest(self): def runTest(self):
doc = scour.scourXmlFile('unittests/duplicate-gradients-update-style.svg', doc = scour.scourXmlFile('unittests/duplicate-gradients-update-style.svg',
@ -1233,7 +1323,6 @@ class DuplicateGradientsUpdateStyle(unittest.TestCase):
# TODO; write a test for embedding rasters # TODO; write a test for embedding rasters
# TODO: write a test for --disable-embed-rasters # TODO: write a test for --disable-embed-rasters
# TODO: write tests for --keep-editor-data # TODO: write tests for --keep-editor-data
# TODO: write tests for scouring transformations
if __name__ == '__main__': if __name__ == '__main__':
testcss = __import__('testcss') testcss = __import__('testcss')

View file

@ -42,4 +42,4 @@
xmlns:sfw="http://ns.adobe.com/SaveForWeb/1.0/" xmlns:sfw="http://ns.adobe.com/SaveForWeb/1.0/"
sfw:baz="1" sfw:baz="1"
ok:baz="1" /> ok:baz="1" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After

View file

@ -20,4 +20,4 @@
<path d="m1,1z"/> <path d="m1,1z"/>
</g> </g>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

View file

@ -3,4 +3,4 @@
<script type="application/ecmascript"><![CDATA[ <script type="application/ecmascript"><![CDATA[
alert('pb&j'); alert('pb&j');
]]></script> ]]></script>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 184 B

Before After
Before After

View file

@ -8,4 +8,4 @@
<radialGradient id="g2" xlink:href="#g1" cx="50%" cy="50%" r="30%" gradientUnits="objectBoundingBox"/> <radialGradient id="g2" xlink:href="#g1" cx="50%" cy="50%" r="30%" gradientUnits="objectBoundingBox"/>
</defs> </defs>
<rect fill="url(#g2)" width="200" height="200"/> <rect fill="url(#g2)" width="200" height="200"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 506 B

After

Width:  |  Height:  |  Size: 507 B

Before After
Before After

View file

@ -8,4 +8,4 @@
<radialGradient id="grad2" xlink:href="#grad1" cx="100" cy="100" r="70"/> <radialGradient id="grad2" xlink:href="#grad1" cx="100" cy="100" r="70"/>
</defs> </defs>
<rect fill="url(#grad2)" width="200" height="200"/> <rect fill="url(#grad2)" width="200" height="200"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 546 B

After

Width:  |  Height:  |  Size: 547 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="210"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="210">
<path stroke="yellow" fill="red" d="M100,100 L200.12345,200.12345 C215,205 185,195 200.12,200.12 Z"/> <path stroke="yellow" fill="red" d="M100,100 L200.12345,200.12345 C215,205 185,195 200.12,200.12 Z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 274 B

After

Width:  |  Height:  |  Size: 275 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<!-- Oh look a comment --> <!-- Oh look a comment -->
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
</svg> </svg>

Before

Width:  |  Height:  |  Size: 130 B

After

Width:  |  Height:  |  Size: 131 B

Before After
Before After

View file

@ -3,4 +3,4 @@
<!-- Comment #2 --> <!-- Comment #2 -->
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
</svg> </svg>
<!-- After --> <!-- After -->

Before

Width:  |  Height:  |  Size: 120 B

After

Width:  |  Height:  |  Size: 121 B

Before After
Before After

View file

@ -6,4 +6,4 @@
<circle id="e" r="20" fill="#0f0"/> <circle id="e" r="20" fill="#0f0"/>
</g> </g>
<use xlink:href="#e" /> <use xlink:href="#e" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 323 B

After

Width:  |  Height:  |  Size: 324 B

Before After
Before After

View file

@ -3,4 +3,4 @@
<path fill="#F00" stroke="#0F0" d="M100,100h100h100v100h-200z"/> <path fill="#F00" stroke="#0F0" d="M100,100h100h100v100h-200z"/>
<path fill="#F00" stroke="#0F0" d="M100,300h100,100v100h-200z"/> <path fill="#F00" stroke="#0F0" d="M100,300h100,100v100h-200z"/>
<path fill="#F00" stroke="#0F0" d="M100,500h300h-100v100h-200z"/> <path fill="#F00" stroke="#0F0" d="M100,500h300h-100v100h-200z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 298 B

After

Width:  |  Height:  |  Size: 299 B

Before After
Before After

View file

@ -24,4 +24,4 @@
<rect height="300" width="300"/> <rect height="300" width="300"/>
<circle class="circ" cx="350" cy="350" r="40"/> <circle class="circ" cx="350" cy="350" r="40"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 690 B

After

Width:  |  Height:  |  Size: 691 B

Before After
Before After

View file

@ -10,4 +10,4 @@
</defs> </defs>
<rect fill="url(#g2)" width="200" height="200"/> <rect fill="url(#g2)" width="200" height="200"/>
<rect fill="url(#g3)" width="200" height="200" y="200"/> <rect fill="url(#g3)" width="200" height="200" y="200"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 598 B

After

Width:  |  Height:  |  Size: 599 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<rect fill="red" width="100" height="100" /> <rect fill="red" width="100" height="100" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 148 B

After

Width:  |  Height:  |  Size: 149 B

Before After
Before After

View file

@ -9,4 +9,4 @@
</linearGradient> </linearGradient>
</defs> </defs>
<rect style="fill: url(#sea-gradient) rgb(0, 0, 0);" y="0" x="0" height="100" width="100"/> <rect style="fill: url(#sea-gradient) rgb(0, 0, 0);" y="0" x="0" height="100" width="100"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 497 B

Before After
Before After

View file

@ -4,4 +4,4 @@
<g transform="translate(10,10)"> <g transform="translate(10,10)">
<rect width="300" height="200" fill="green" /> <rect width="300" height="200" fill="green" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 202 B

After

Width:  |  Height:  |  Size: 203 B

Before After
Before After

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<metadata></metadata> <metadata></metadata>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 71 B

After

Width:  |  Height:  |  Size: 72 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" ?> <?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<style id="style1" /> <style id="style1" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 96 B

After

Width:  |  Height:  |  Size: 97 B

Before After
Before After

View file

@ -2,4 +2,4 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path style="fill: none; fill-rule: nonzero; fill-opacity: 0.5;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" /> <path style="fill: none; fill-rule: nonzero; fill-opacity: 0.5;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" />
<path style="fill: black; fill-rule: evenodd; fill-opacity: 0.5;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" /> <path style="fill: black; fill-rule: evenodd; fill-opacity: 0.5;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 429 B

After

Width:  |  Height:  |  Size: 430 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<rect style="font-size:20px" width="100" height="100" /> <rect style="font-size:20px" width="100" height="100" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 162 B

Before After
Before After

View file

@ -19,4 +19,4 @@
</rdf:Description> </rdf:Description>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 764 B

After

Width:  |  Height:  |  Size: 765 B

Before After
Before After

View file

@ -7,4 +7,4 @@
<radialGradient id="g2" xlink:href="#g1" cx="50%" cy="0.5" r="50%" fx="50%" fy="0.5"/> <radialGradient id="g2" xlink:href="#g1" cx="50%" cy="0.5" r="50%" fx="50%" fy="0.5"/>
<rect width="100" height="100" fill="url(#g)"/> <rect width="100" height="100" fill="url(#g)"/>
<rect width="50" height="50" fill="url(#g2)"/> <rect width="50" height="50" fill="url(#g2)"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 535 B

After

Width:  |  Height:  |  Size: 536 B

Before After
Before After

View file

@ -15,4 +15,4 @@
<defs> <defs>
<example:odor id="odor1423" fill="grape"/> <example:odor id="odor1423" fill="grape"/>
</defs> </defs>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 608 B

After

Width:  |  Height:  |  Size: 609 B

Before After
Before After

View file

@ -15,4 +15,4 @@
<defs> <defs>
<example:odor id="odor1423" fill="grape"/> <example:odor id="odor1423" fill="grape"/>
</defs> </defs>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 594 B

After

Width:  |  Height:  |  Size: 595 B

Before After
Before After

View file

@ -10,4 +10,4 @@
<rect width="300" height="200" fill="green" /> <rect width="300" height="200" fill="green" />
<circle cx="200" cy="100" r="50" fill="yellow" /> <circle cx="200" cy="100" r="50" fill="yellow" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 364 B

After

Width:  |  Height:  |  Size: 365 B

Before After
Before After

View file

@ -8,4 +8,4 @@
</linearGradient> </linearGradient>
</defs> </defs>
<rect id='r2' fill="url(#Polka_Dot_Pattern)" /> <rect id='r2' fill="url(#Polka_Dot_Pattern)" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 347 B

After

Width:  |  Height:  |  Size: 348 B

Before After
Before After

View file

@ -9,4 +9,4 @@
</g> </g>
</defs> </defs>
<rect fill="url(#g1)" width="100" height="100" /> <rect fill="url(#g1)" width="100" height="100" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 304 B

After

Width:  |  Height:  |  Size: 305 B

Before After
Before After

View file

@ -4,4 +4,4 @@ xmlns:foo="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="0.46" version="1.0"> inkscape:version="0.46" version="1.0">
<inkscape:perspective inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective3104"/> <inkscape:perspective inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective3104"/>
<rect width="300" height="200" fill="green" inkscape:collect="always" foo:bar="1"/> <rect width="300" height="200" fill="green" inkscape:collect="always" foo:bar="1"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 544 B

After

Width:  |  Height:  |  Size: 545 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<metadata>This is a metadata element with only text node children</metadata> <metadata>This is a metadata element with only text node children</metadata>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 181 B

After

Width:  |  Height:  |  Size: 182 B

Before After
Before After

View file

@ -7,4 +7,4 @@
</g> </g>
<circle fill="#0F0" stroke="0F0" cx="50" cy="50" r="20" /> <circle fill="#0F0" stroke="0F0" cx="50" cy="50" r="20" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 368 B

Before After
Before After

View file

@ -10,4 +10,4 @@
Goodbye Goodbye
<tspan font-style="italic">Cruel World!</tspan> <tspan font-style="italic">Cruel World!</tspan>
</text> </text>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 435 B

After

Width:  |  Height:  |  Size: 436 B

Before After
Before After

View file

@ -6,4 +6,4 @@
<circle cx="200" cy="100" r="50" fill="yellow" /> <circle cx="200" cy="100" r="50" fill="yellow" />
</g> </g>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 252 B

After

Width:  |  Height:  |  Size: 253 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path d="M 385,201 V181 l100,-50 h20 C 505.43501,223.44223 659.42238,164.82405 714.32160,-0.0015300000 C 649.90356,227.13187 497.48814,312.46353 371.30643,277.40123 C 245.12472,242.33893 157.17674,250.88268 121.69357,12.440270 C 211.69357,149.44027 323.87473,190.08578 385.88362,201.47812 z " fill="blue"/> <path d="M 385,201 V181 l100,-50 h20 C 505.43501,223.44223 659.42238,164.82405 714.32160,-0.0015300000 C 649.90356,227.13187 497.48814,312.46353 371.30643,277.40123 C 245.12472,242.33893 157.17674,250.88268 121.69357,12.440270 C 211.69357,149.44027 323.87473,190.08578 385.88362,201.47812 z " fill="blue"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 415 B

After

Width:  |  Height:  |  Size: 416 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <svg version="1.1" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="m10,100c50-50,50,50,100,0,50-50,50,50,100,0" fill="none" stroke="blue" stroke-width="5"/> <path d="m10,100c50-50,50,50,100,0,50-50,50,50,100,0" fill="none" stroke="blue" stroke-width="5"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 239 B

After

Width:  |  Height:  |  Size: 240 B

Before After
Before After

View file

@ -2,4 +2,4 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path d="m100 100 l200 100 m0 0z" /> <path d="m100 100 l200 100 m0 0z" />
<path d="m100 100 v200 m0 0 100 100z" /> <path d="m100 100 v200 m0 0 100 100z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 151 B

After

Width:  |  Height:  |  Size: 152 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path stroke="#000" d="M100,100,100,200 M300,100,100,100 M300,200,300,100" fill="none"/> <path stroke="#000" d="M100,100,100,200 M300,100,100,100 M300,200,300,100" fill="none"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 193 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <svg version="1.1" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="m10,100q50-50,100,0,50,50,100,0" fill="none" stroke="blue" stroke-width="5"/> <path d="m10,100q50-50,100,0,50,50,100,0" fill="none" stroke="blue" stroke-width="5"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 228 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1781 1142"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1781 1142">
<path d="m 0,0 l 2.e-4,0 z"/> <path d="m 0,0 l 2.e-4,0 z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 158 B

After

Width:  |  Height:  |  Size: 159 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path fill="none" stroke="#000" d="M10,10h100v100h-100z"/> <path fill="none" stroke="#000" d="M10,10h100v100h-100z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 162 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<polygon fill="blue" points="10000,50" /> <polygon fill="blue" points="10000,50" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 145 B

After

Width:  |  Height:  |  Size: 146 B

Before After
Before After

View file

@ -2,4 +2,4 @@
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<polygon fill="blue" points="50,50 150,50 150,150 50,150 +5e1,500.00e-1" /> <polygon fill="blue" points="50,50 150,50 150,150 50,150 +5e1,500.00e-1" />
<polygon fill="green" points="200,50 300,50 300,150 200,150" /> <polygon fill="green" points="200,50 300,50 300,150 200,150" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 244 B

After

Width:  |  Height:  |  Size: 245 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<polyline fill="blue" points="10000,50" /> <polyline fill="blue" points="10000,50" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 146 B

After

Width:  |  Height:  |  Size: 147 B

Before After
Before After

View file

@ -7,4 +7,4 @@
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="100" height="100" fill="url(&quot;#g&quot;)"/> <rect width="100" height="100" fill="url(&quot;#g&quot;)"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 371 B

After

Width:  |  Height:  |  Size: 372 B

Before After
Before After

View file

@ -5,4 +5,4 @@
<title>Test</title> <title>Test</title>
</svg:rect> </svg:rect>
<vector:rect height="100" width="100"/> <vector:rect height="100" width="100"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 330 B

After

Width:  |  Height:  |  Size: 331 B

Before After
Before After

View file

@ -8,4 +8,4 @@
</linearGradient> </linearGradient>
</defs> </defs>
<rect id='r2' fill="url(#Polka_Dot_Pattern)" /> <rect id='r2' fill="url(#Polka_Dot_Pattern)" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 339 B

Before After
Before After

View file

@ -5,4 +5,4 @@
<g id="G"><use xlink:href="#L"/> <path stroke="#000000" d="M0,100 100,0"/></g> <g id="G"><use xlink:href="#L"/> <path stroke="#000000" d="M0,100 100,0"/></g>
</defs> </defs>
<use xlink:href="#G"/> <use xlink:href="#G"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 345 B

After

Width:  |  Height:  |  Size: 346 B

Before After
Before After

View file

@ -5,4 +5,4 @@
<rect fill="#FFF" stroke="#000" width="200" height="100"/> <rect fill="#FFF" stroke="#000" width="200" height="100"/>
<circle fill="#0F0" stroke="#0F0" cx="50" cy="50" r="20"/> <circle fill="#0F0" stroke="#0F0" cx="50" cy="50" r="20"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 328 B

Before After
Before After

View file

@ -2,4 +2,4 @@
<svg xmlns="http://www.w3.org/2000/svg" x="1.0000000" y="1.0000000"> <svg xmlns="http://www.w3.org/2000/svg" x="1.0000000" y="1.0000000">
<rect x="123.4567" y="123.00" width="300.00001" height="1E+02" fill="lime" /> <rect x="123.4567" y="123.00" width="300.00001" height="1E+02" fill="lime" />
<rect x="123.4567px" y="35.000ex" width="300.00001pt" height="5E+01%" fill="blue" /> <rect x="123.4567px" y="35.000ex" width="300.00001pt" height="5E+01%" fill="blue" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 295 B

After

Width:  |  Height:  |  Size: 296 B

Before After
Before After

View file

@ -7,4 +7,4 @@
</linearGradient> </linearGradient>
</defs> </defs>
<rect fill="url(#this-abomination-should-be-shortened-to-a-single-letter)" x="20" y="20" width="160" height="160" /> <rect fill="url(#this-abomination-should-be-shortened-to-a-single-letter)" x="20" y="20" width="160" height="160" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 447 B

After

Width:  |  Height:  |  Size: 448 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path fill="blue" d="M10,10c10,10,30,30,40,40l40-40z"/> <path fill="blue" d="M10,10c10,10,30,30,40,40l40-40z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 159 B

After

Width:  |  Height:  |  Size: 160 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path id="p" fill="black" style="stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 1;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" /> <path id="p" fill="black" style="stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 1;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 378 B

After

Width:  |  Height:  |  Size: 379 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path id="p" fill="black" style="stroke: rgb(0, 0, 0); stroke-width: 0; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 1;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" /> <path id="p" fill="black" style="stroke: rgb(0, 0, 0); stroke-width: 0; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 1;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 385 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<path id="p" fill="black" style="stroke: rgb(0, 0, 0); stroke-width: 1px; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 0;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" /> <path id="p" fill="black" style="stroke: rgb(0, 0, 0); stroke-width: 1px; stroke-linecap: butt; stroke-dasharray: none; stroke-dashoffset: 2; stroke-linejoin: miter; stroke-opacity: 0;" d="M 7.7592046,36.982095 C 7.8831049,40.873696 7.8339808,45.305308 7.8339808,49.436888 Z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 386 B

After

Width:  |  Height:  |  Size: 387 B

Before After
Before After

View file

@ -6,4 +6,4 @@
</marker> </marker>
</defs> </defs>
<line x2="100" style="stroke:#000; marker-start:url(#m); marker-end:url(#m); marker-mid: url(#m)" /> <line x2="100" style="stroke:#000; marker-start:url(#m); marker-end:url(#m); marker-mid: url(#m)" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 252 B

After

Width:  |  Height:  |  Size: 253 B

Before After
Before After

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(1 0 0 1 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 162 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(-0.70710678118654746 0.70710678118654757 -0.70710678118654757 -0.70710678118654746 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 293 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(0.70710678118654757 0.70710678118654746 -0.70710678118654746 0.70710678118654757 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 291 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(0 1 -1 0 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 219 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(-0.70710678118654746 -0.70710678118654757 0.70710678118654757 -0.70710678118654746 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 293 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(0.70710678118654757 -0.70710678118654746 0.70710678118654746 0.70710678118654757 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 291 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(0 -1 1 0 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 219 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18 27">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(2 0 0 3 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 164 B

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 -9 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(-1 0 0 -1 0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 221 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="2 3 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="matrix(1 0 0 1 2 3)"/>
</svg>

After

Width:  |  Height:  |  Size: 162 B

View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="rotate(90 0 0.0)"/>
<!-- optional zero trailing args to transform type rotate get removed -->
</svg>

After

Width:  |  Height:  |  Size: 291 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
<line transform="rotate(-300) rotate(-60)" stroke="red" y1="9" x1="9"/>
</svg>

After

Width:  |  Height:  |  Size: 153 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="skewX(0)"/>
<!-- skewX(0) is the identity transform, which can safely be removed -->
</svg>

After

Width:  |  Height:  |  Size: 226 B

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="skewY(0)"/>
<!-- skewY(0) is the identity transform, which can safely be removed -->
</svg>

After

Width:  |  Height:  |  Size: 226 B

View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-9 0 9 9">
<line stroke="rgba(255,0,0,0.5)" y1="9" x1="9" transform="translate(0, 20) translate(10) translate(-10 -20.0)"/>
<line stroke="rgba(0,0,255,0.5)" y1="9" x1="9"/>
</svg>

After

Width:  |  Height:  |  Size: 300 B

View file

@ -3,4 +3,4 @@
<linearGradient id="Polka_Dot_Pattern"> <linearGradient id="Polka_Dot_Pattern">
<stop offset="0.5" stop-color="blue" /> <stop offset="0.5" stop-color="blue" />
</linearGradient> </linearGradient>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 214 B

Before After
Before After

View file

@ -3,4 +3,4 @@
<pattern id="Polka_Dot_Pattern"> <pattern id="Polka_Dot_Pattern">
<polygon fill="none" points="71.125,-1.896 2.125,-1.896 2.125,-70.896 71.125,-70.896" /> <polygon fill="none" points="71.125,-1.896 2.125,-1.896 2.125,-70.896 71.125,-70.896" />
</pattern> </pattern>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 237 B

After

Width:  |  Height:  |  Size: 238 B

Before After
Before After

View file

@ -3,4 +3,4 @@
<radialGradient id="Polka_Dot_Pattern"> <radialGradient id="Polka_Dot_Pattern">
<stop offset="0.5" stop-color="blue" /> <stop offset="0.5" stop-color="blue" />
</radialGradient> </radialGradient>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 202 B

After

Width:  |  Height:  |  Size: 203 B

Before After
Before After

View file

@ -2,4 +2,4 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" <svg xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<desc>ú</desc> <desc>ú</desc>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 167 B

After

Width:  |  Height:  |  Size: 168 B

Before After
Before After

View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<text xml:space="preserve"><tspan font-style="italic">Use <tspan font-style="bold">bold</tspan> text</tspan></text> <text xml:space="preserve"><tspan font-style="italic">Use <tspan font-style="bold">bold</tspan> text</tspan></text>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 219 B

After

Width:  |  Height:  |  Size: 220 B

Before After
Before After

View file

@ -21,4 +21,4 @@
<rect height="69.247704" width="319.89233" fill="url(#linearGradient1657)"/> <rect height="69.247704" width="319.89233" fill="url(#linearGradient1657)"/>
<rect fill="url(#linearGradient2465)" width="319.99103" height="69.247704"/> <rect fill="url(#linearGradient2465)" width="319.99103" height="69.247704"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After