commit a873ff35fbe4fca0307876b8ca0306e5e34600e5 · cduck.me/drawsvg

+52 -8

README.md

···

       1
        
       # drawSvg

     

       2
        
       

     

       3
       -
       A Python 3 library for programmatically generating SVG images (vector drawings) and rendering them or displaying them in an iPython notebook.

     

       4
        
       

     

       5
        
       Most common SVG tags are supported and others can easily be added by writing a small subclass of `DrawableBasicElement` or `DrawableParentElement`.

     

       6
        
       

     
···

       72
        
       d.saveSvg('example.svg')

     

       73
        
       d.savePng('example.png')

     

       74
        
       

     

       75
       -
       # Display in iPython notebook

     

       76
        
       d.rasterize()  # Display as PNG

     

       77
        
       d  # Display as SVG

     

       78
        
       ```

     

       79
        
       

     

       80
       -
       ![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example1.png)

     

       81
        
       

     

       82
        
       ### Gradients

     

       83
        
       ```python

     
···

       119
        
       d

     

       120
        
       ```

     

       121
        
       

     

       122
       -
       ![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example2.png)

     

       123
        
       

     

       124
        
       ### Duplicate geometry and clip paths

     

       125
        
       ```python

     
···

       147
        
       d.rasterize()

     

       148
        
       ```

     

       149
        
       

     

       150
       -
       ![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example3.png)

     

       151
        
       

     

       152
        
       ### Implementing other SVG tags

     

       153
        
       ```python

     
···

       179
        
       d

     

       180
        
       ```

     

       181
        
       

     

       182
       -
       ![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example4.png)

     

       183
        
       

     

       184
        
       ### Interactive Widget

     

       185
        
       ```python

     
···

       272
        
       @widget.set_draw_frame  # Animation above is automatically updated

     

       273
        
       def draw_frame(secs=0):

     

       274
        
           # Draw something...

     

       275
       -
           d = draw.Drawing(300, 40)

     

       276
        
           d.append(draw.Text(global_variable, 20, 0, 10))

     

       277
       -
           d.append(draw.Text(str(secs), 20, 30, 10))

     

       278
        
           return d

     

       279
        
       

     

       280
        
       # Jupyter cell 3:

     

       281
        
       global_variable = 'b'  # Animation above now displays 'b'

     

       282
        
       ```

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0

···

       1
        
       # drawSvg

     

       2
        
       

     

       3
       +
       A Python 3 library for programmatically generating SVG images (vector drawings) and rendering them or displaying them in a Jupyter notebook.

     

       4
        
       

     

       5
        
       Most common SVG tags are supported and others can easily be added by writing a small subclass of `DrawableBasicElement` or `DrawableParentElement`.

     

       6
        
       

     
···

       72
        
       d.saveSvg('example.svg')

     

       73
        
       d.savePng('example.png')

     

       74
        
       

     

       75
       +
       # Display in Jupyter notebook

     

       76
        
       d.rasterize()  # Display as PNG

     

       77
        
       d  # Display as SVG

     

       78
        
       ```

     

       79
        
       

     

       80
       +
       [![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example1.png)](https://github.com/cduck/drawSvg/blob/master/examples/example1.svg)

     

       81
        
       

     

       82
        
       ### Gradients

     

       83
        
       ```python

     
···

       119
        
       d

     

       120
        
       ```

     

       121
        
       

     

       122
       +
       [![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example2.png)](https://github.com/cduck/drawSvg/blob/master/examples/example2.svg)

     

       123
        
       

     

       124
        
       ### Duplicate geometry and clip paths

     

       125
        
       ```python

     
···

       147
        
       d.rasterize()

     

       148
        
       ```

     

       149
        
       

     

       150
       +
       [![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example3.png)](https://github.com/cduck/drawSvg/blob/master/examples/example3.svg)

     

       151
        
       

     

       152
        
       ### Implementing other SVG tags

     

       153
        
       ```python

     
···

       179
        
       d

     

       180
        
       ```

     

       181
        
       

     

       182
       +
       [![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example4.png)](https://github.com/cduck/drawSvg/blob/master/examples/example4.svg)

     

       183
        
       

     

       184
        
       ### Interactive Widget

     

       185
        
       ```python

     
···

       272
        
       @widget.set_draw_frame  # Animation above is automatically updated

     

       273
        
       def draw_frame(secs=0):

     

       274
        
           # Draw something...

     

       275
       +
           d = draw.Drawing(100, 40)

     

       276
        
           d.append(draw.Text(global_variable, 20, 0, 10))

     

       277
       +
           d.append(draw.Text('{:0.1f}'.format(secs), 20, 30, 10))

     

       278
        
           return d

     

       279
        
       

     

       280
        
       # Jupyter cell 3:

     

       281
        
       global_variable = 'b'  # Animation above now displays 'b'

     

       282
        
       ```

     

       283
       +
       

     

       284
       +
       ![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/example7.gif)

     

       285
       +
       

     

       286
       +
       ### SVG-Native Animation

     

       287
       +
       ```python

     

       288
       +
       import drawSvg as draw

     

       289
       +
       

     

       290
       +
       d = draw.Drawing(200, 200, origin='center')

     

       291
       +
       

     

       292
       +
       # Animate the position and color of circle

     

       293
       +
       c = draw.Circle(0, 0, 20, fill='red')

     

       294
       +
       # See for supported attributes:

     

       295
       +
       # https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate

     

       296
       +
       c.appendAnim(draw.Animate('cy', '6s', '-80;80;-80',

     

       297
       +
                                 repeatCount='indefinite'))

     

       298
       +
       c.appendAnim(draw.Animate('cx', '6s', '0;80;0;-80;0',

     

       299
       +
                                 repeatCount='indefinite'))

     

       300
       +
       c.appendAnim(draw.Animate('fill', '6s', 'red;green;blue;yellow',

     

       301
       +
                                 calcMode='discrete',

     

       302
       +
                                 repeatCount='indefinite'))

     

       303
       +
       d.append(c)

     

       304
       +
       

     

       305
       +
       # Animate a black circle around an ellipse

     

       306
       +
       ellipse = draw.Path()

     

       307
       +
       ellipse.M(-90, 0)

     

       308
       +
       ellipse.A(90, 40, 360, True, True, 90, 0)  # Ellipse path

     

       309
       +
       ellipse.A(90, 40, 360, True, True, -90, 0)

     

       310
       +
       ellipse.Z()

     

       311
       +
       c2 = draw.Circle(0, 0, 10)

     

       312
       +
       # See for supported attributes:

     

       313
       +
       # https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion

     

       314
       +
       c2.appendAnim(draw.AnimateMotion(ellipse, '3s',

     

       315
       +
                                        repeatCount='indefinite'))

     

       316
       +
       # See for supported attributes:

     

       317
       +
       # https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform

     

       318
       +
       c2.appendAnim(draw.AnimateTransform('scale', '3s', '1,2;2,1;1,2;2,1;1,2',

     

       319
       +
                                           repeatCount='indefinite'))

     

       320
       +
       d.append(c2)

     

       321
       +
       

     

       322
       +
       d.saveSvg('/Users/cduck/Downloads/animated.svg')  # Save to file

     

       323
       +
       d  # Display in Jupyter notebook

     

       324
       +
       ```

     

       325
       +
       

     

       326
       +
       [![Example output image](https://raw.githubusercontent.com/cduck/drawSvg/master/examples/animated-fix-github.svg?sanitize=true)](https://github.com/cduck/drawSvg/blob/master/examples/animated.svg)

+35 -8

drawSvg/drawing.py

···

       1
        
       

     

       2
        
       from io import StringIO

     

       0
        
       
     

       3
        
       

     

       4
        
       from . import Raster

     

       5
        
       from . import elements as elementsModule

     
···

       10
        
       

     

       11
        
               Supports iPython: If a Drawing is the last line of a cell, it will be

     

       12
        
               displayed as an SVG below. '''

     

       13
       -
           def __init__(self, width, height, origin=(0,0), **svgArgs):

     

       0
        
       
     

       14
        
               assert float(width) == width

     

       15
        
               assert float(height) == height

     

       16
        
               self.width = width

     
···

       28
        
               self.pixelScale = 1

     

       29
        
               self.renderWidth = None

     

       30
        
               self.renderHeight = None

     

       31
       -
               self.svgArgs = svgArgs

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       32
        
           def setRenderSize(self, w=None, h=None):

     

       33
        
               self.renderWidth = w

     

       34
        
               self.renderHeight = h

     
···

       97
        
               outputFile.write('>\n<defs>\n')

     

       98
        
               # Write definition elements

     

       99
        
               idIndex = 0

     

       100
       -
               def idGen(base='d'):

     

       101
        
                   nonlocal idIndex

     

       102
       -
                   idStr = base + str(idIndex)

     

       103
        
                   idIndex += 1

     

       104
        
                   return idStr

     

       105
        
               prevSet = set((id(defn) for defn in self.otherDefs))

     
···

       110
        
                   return dup

     

       111
        
               for element in self.otherDefs:

     

       112
        
                   try:

     

       113
       -
                       element.writeSvgElement(outputFile)

     

       114
        
                       outputFile.write('\n')

     

       115
        
                   except AttributeError:

     

       116
        
                       pass

     

       117
        
               for element in self.elements:

     

       118
        
                   try:

     

       119
       -
                       element.writeSvgDefs(idGen, isDuplicate, outputFile)

     

       120
        
                   except AttributeError:

     

       121
        
                       pass

     

       122
        
               outputFile.write('</defs>\n')

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       123
        
               # Write normal elements

     

       124
        
               for element in self.elements:

     

       125
        
                   try:

     

       126
       -
                       element.writeSvgElement(outputFile)

     

       127
        
                       outputFile.write('\n')

     

       128
        
                   except AttributeError:

     

       129
        
                       pass

     
···

       142
        
                   return Raster.fromSvg(self.asSvg())

     

       143
        
           def _repr_svg_(self):

     

       144
        
               ''' Display in Jupyter notebook '''

     

       0
        
       
     

       0
        
       
     

       145
        
               return self.asSvg()

     

       146
       -
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0

···

       1
        
       

     

       2
        
       from io import StringIO

     

       3
       +
       import base64

     

       4
        
       

     

       5
        
       from . import Raster

     

       6
        
       from . import elements as elementsModule

     
···

       11
        
       

     

       12
        
               Supports iPython: If a Drawing is the last line of a cell, it will be

     

       13
        
               displayed as an SVG below. '''

     

       14
       +
           def __init__(self, width, height, origin=(0,0), idPrefix='d',

     

       15
       +
                        displayInline=True, **svgArgs):

     

       16
        
               assert float(width) == width

     

       17
        
               assert float(height) == height

     

       18
        
               self.width = width

     
···

       30
        
               self.pixelScale = 1

     

       31
        
               self.renderWidth = None

     

       32
        
               self.renderHeight = None

     

       33
       +
               self.idPrefix = str(idPrefix)

     

       34
       +
               self.displayInline = displayInline

     

       35
       +
               self.svgArgs = {}

     

       36
       +
               for k, v in svgArgs.items():

     

       37
       +
                   k = k.replace('__', ':')

     

       38
       +
                   k = k.replace('_', '-')

     

       39
       +
                   if k[-1] == '-':

     

       40
       +
                       k = k[:-1]

     

       41
       +
                   self.svgArgs[k] = v

     

       42
        
           def setRenderSize(self, w=None, h=None):

     

       43
        
               self.renderWidth = w

     

       44
        
               self.renderHeight = h

     
···

       107
        
               outputFile.write('>\n<defs>\n')

     

       108
        
               # Write definition elements

     

       109
        
               idIndex = 0

     

       110
       +
               def idGen(base=''):

     

       111
        
                   nonlocal idIndex

     

       112
       +
                   idStr = self.idPrefix + base + str(idIndex)

     

       113
        
                   idIndex += 1

     

       114
        
                   return idStr

     

       115
        
               prevSet = set((id(defn) for defn in self.otherDefs))

     
···

       120
        
                   return dup

     

       121
        
               for element in self.otherDefs:

     

       122
        
                   try:

     

       123
       +
                       element.writeSvgElement(idGen, isDuplicate, outputFile, False)

     

       124
        
                       outputFile.write('\n')

     

       125
        
                   except AttributeError:

     

       126
        
                       pass

     

       127
        
               for element in self.elements:

     

       128
        
                   try:

     

       129
       +
                       element.writeSvgDefs(idGen, isDuplicate, outputFile, False)

     

       130
        
                   except AttributeError:

     

       131
        
                       pass

     

       132
        
               outputFile.write('</defs>\n')

     

       133
       +
               # Generate ids for normal elements

     

       134
       +
               prevDefSet = set(prevSet)

     

       135
       +
               for element in self.elements:

     

       136
       +
                   try:

     

       137
       +
                       element.writeSvgElement(idGen, isDuplicate, outputFile, True)

     

       138
       +
                   except AttributeError:

     

       139
       +
                       pass

     

       140
       +
               prevSet = prevDefSet

     

       141
        
               # Write normal elements

     

       142
        
               for element in self.elements:

     

       143
        
                   try:

     

       144
       +
                       element.writeSvgElement(idGen, isDuplicate, outputFile, False)

     

       145
        
                       outputFile.write('\n')

     

       146
        
                   except AttributeError:

     

       147
        
                       pass

     
···

       160
        
                   return Raster.fromSvg(self.asSvg())

     

       161
        
           def _repr_svg_(self):

     

       162
        
               ''' Display in Jupyter notebook '''

     

       163
       +
               if not self.displayInline:

     

       164
       +
                   return None

     

       165
        
               return self.asSvg()

     

       166
       +
           def _repr_html_(self):

     

       167
       +
               ''' Display in Jupyter notebook '''

     

       168
       +
               if self.displayInline:

     

       169
       +
                   return None

     

       170
       +
               prefix = b'data:image/svg+xml;base64,'

     

       171
       +
               data = base64.b64encode(self.asSvg().encode())

     

       172
       +
               src = (prefix+data).decode()

     

       173
       +
               return '<img src="{}">'.format(src)

+187 -37

drawSvg/elements.py

···

       15
        
       def writeXmlNodeArgs(args, outputFile):

     

       16
        
           for k, v in args.items():

     

       17
        
               if v is None: continue

     

       18
       -
               k = k.replace('__', ':')

     

       19
       -
               k = k.replace('_', '-')

     

       20
       -
               if k[-1]=='-':

     

       21
       -
                   k = k[:-1]

     

       22
       -
               if isinstance(v, defs.DrawingElement):

     

       23
        
                   if k == 'xlink:href':

     

       24
        
                       v = '#{}'.format(v.id)

     

       25
        
                   else:

     
···

       31
        
           ''' Base class for drawing elements

     

       32
        
       

     

       33
        
               Subclasses must implement writeSvgElement '''

     

       34
       -
           def writeSvgElement(self, outputFile):

     

       0
        
       
     

       35
        
               raise NotImplementedError('Abstract base class')

     

       36
        
           def getSvgDefs(self):

     

       37
        
               return ()

     

       38
       -
           def writeSvgDefs(self, idGen, isDuplicate, outputFile):

     

       0
        
       
     

       0
        
       
     

       39
        
               for defn in self.getSvgDefs():

     

       40
        
                   if isDuplicate(defn): continue

     

       41
       -
                   defn.writeSvgDefs(idGen, isDuplicate, outputFile)

     

       42
       -
                   defn.id = idGen()

     

       43
       -
                   defn.writeSvgElement(outputFile)

     

       44
       -
                   outputFile.write('\n')

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       45
        
           def __eq__(self, other):

     

       46
        
               return self is other

     

       47
        
       

     
···

       51
        
           TAG_NAME = '_'

     

       52
        
           hasContent = False

     

       53
        
           def __init__(self, **args):

     

       54
       -
               self.args = args

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       55
        
           @property

     

       56
        
           def id(self):

     

       57
        
               return self.args.get('id', None)

     

       58
        
           @id.setter

     

       59
        
           def id(self, newId):

     

       60
        
               self.args['id'] = newId

     

       61
       -
           def writeSvgElement(self, outputFile):

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       62
        
               outputFile.write('<')

     

       63
        
               outputFile.write(self.TAG_NAME)

     

       64
        
               writeXmlNodeArgs(self.args, outputFile)

     

       65
       -
               if not self.hasContent:

     

       66
        
                   outputFile.write(' />')

     

       67
        
               else:

     

       68
        
                   outputFile.write('>')

     

       69
       -
                   self.writeContent(outputFile)

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       70
        
                   outputFile.write('</')

     

       71
        
                   outputFile.write(self.TAG_NAME)

     

       72
        
                   outputFile.write('>')

     

       73
       -
           def writeContent(self, outputFile):

     

       74
        
               ''' Override in a subclass to add data between the start and end

     

       75
        
                   tags.  This will not be called if hasContent is False. '''

     

       76
        
               raise RuntimeError('This element has no content')

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       77
        
           def getSvgDefs(self):

     

       78
        
               return [v for v in self.args.values()

     

       79
       -
                       if isinstance(v, defs.DrawingElement)]

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       80
        
           def __eq__(self, other):

     

       81
        
               if isinstance(other, type(self)):

     

       82
        
                   return (self.TAG_NAME == other.TAG_NAME and

     

       83
       -
                           self.args == other.args)

     

       0
        
       
     

       84
        
               return False

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       85
        
       

     

       86
        
       class DrawingParentElement(DrawingBasicElement):

     

       87
        
           ''' Base class for SVG elements that can have child nodes '''

     
···

       91
        
               self.children = list(children)

     

       92
        
               if len(self.children) > 0:

     

       93
        
                   self.checkChildrenAllowed()

     

       94
       -
           def checkChildrenAllowed(self):

     

       95
       -
               if not self.hasContent:

     

       96
       -
                   raise RuntimeError('{} does not support children'.format(type(self)))

     

       97
        
           def draw(self, obj, **kwargs):

     

       98
        
               if not hasattr(obj, 'writeSvgElement'):

     

       99
        
                   elements = obj.toDrawables(elements=elementsModule, **kwargs)

     
···

       107
        
           def extend(self, iterable):

     

       108
        
               self.checkChildrenAllowed()

     

       109
        
               self.children.extend(iterable)

     

       110
       -
           def writeContent(self, outputFile):

     

       111
       -
               outputFile.write('\n')

     

       112
       -
               for child in self.children:

     

       113
       -
                   child.writeSvgElement(outputFile)

     

       114
       -
                   outputFile.write('\n')

     

       115
       -
           def writeSvgDefs(self, idGen, isDuplicate, outputFile):

     

       116
       -
               super().writeSvgDefs(idGen, isDuplicate, outputFile)

     

       117
       -
               for child in self.children:

     

       118
       -
                   child.writeSvgDefs(idGen, isDuplicate, outputFile)

     

       119
        
       

     

       120
        
       class NoElement(DrawingElement):

     

       121
        
           ''' A drawing element that has no effect '''

     

       122
        
           def __init__(self): pass

     

       123
       -
           def writeSvgElement(self, outputFile):

     

       0
        
       
     

       124
        
               pass

     

       125
        
           def __eq__(self, other):

     

       126
        
               if isinstance(other, type(self)):

     
···

       146
        
                   otherElem = '#' + otherElem

     

       147
        
               super().__init__(xlink__href=otherElem, x=x, y=y, **kwargs)

     

       148
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       149
        
       class Image(DrawingBasicElement):

     

       150
        
           ''' A linked or embedded raster image '''

     

       151
        
           TAG_NAME = 'image'

     
···

       174
        
                           mimeType = self.MIME_MAP[ext]

     

       175
        
                       else:

     

       176
        
                           mimeType = self.MIME_DEFAULT

     

       177
       -
                           warnings.warn('Unknown image file type "{}"'.format(ext), Warning)

     

       0
        
       
     

       178
        
               if mimeType is None:

     

       179
        
                   mimeType = self.MIME_DEFAULT

     

       180
       -
                   warnings.warn('Unspecified image type; assuming png'.format(ext), Warning)

     

       0
        
       
     

       181
        
               if data is not None:

     

       182
        
                   embed = True

     

       183
        
               if embed and data is None:

     
···

       213
        
                       pass

     

       214
        
               super().__init__(x=x, y=-y, font_size=fontSize, **kwargs)

     

       215
        
               self.escapedText = xml.escape(text)

     

       216
       -
           def writeContent(self, outputFile):

     

       0
        
       
     

       0
        
       
     

       217
        
               outputFile.write(self.escapedText)

     

       218
        
       

     

       219
        
       class Rectangle(DrawingBasicElement):

     
···

       317
        
           def T(self, ex, ey): self.append('T', ex, -ey)

     

       318
        
           def t(self, ex, ey): self.append('t', ex, -ey)

     

       319
        
           def A(self, rx, ry, rot, largeArc, sweep, ex, ey):

     

       320
       -
               self.append('A', rx, ry, rot, int(bool(largeArc)), int(bool(sweep)), ex, -ey)

     

       0
        
       
     

       321
        
           def a(self, rx, ry, rot, largeArc, sweep, ex, ey):

     

       322
       -
               self.append('a', rx, ry, rot, int(bool(largeArc)), int(bool(sweep)), ex, -ey)

     

       323
       -
           def arc(self, cx, cy, r, startDeg, endDeg, cw=False, includeM=True, includeL=False):

     

       0
        
       
     

       0
        
       
     

       324
        
               ''' Uses A() to draw a circular arc '''

     

       325
        
               largeArc = (endDeg - startDeg) % 360 > 180

     

       326
        
               startRad, endRad = startDeg*math.pi/180, endDeg*math.pi/180

···

       15
        
       def writeXmlNodeArgs(args, outputFile):

     

       16
        
           for k, v in args.items():

     

       17
        
               if v is None: continue

     

       18
       +
               if isinstance(v, DrawingElement):

     

       19
       +
                   if v.id is None:

     

       20
       +
                       continue

     

       0
        
       
     

       0
        
       
     

       21
        
                   if k == 'xlink:href':

     

       22
        
                       v = '#{}'.format(v.id)

     

       23
        
                   else:

     
···

       29
        
           ''' Base class for drawing elements

     

       30
        
       

     

       31
        
               Subclasses must implement writeSvgElement '''

     

       32
       +
           def writeSvgElement(self, idGen, isDuplicate, outputFile, dryRun,

     

       33
       +
                               forceDup=False):

     

       34
        
               raise NotImplementedError('Abstract base class')

     

       35
        
           def getSvgDefs(self):

     

       36
        
               return ()

     

       37
       +
           def getLinkedElems(self):

     

       38
       +
               return ()

     

       39
       +
           def writeSvgDefs(self, idGen, isDuplicate, outputFile, dryRun):

     

       40
        
               for defn in self.getSvgDefs():

     

       41
        
                   if isDuplicate(defn): continue

     

       42
       +
                   defn.writeSvgDefs(idGen, isDuplicate, outputFile, dryRun)

     

       43
       +
                   if defn.id is None:

     

       44
       +
                       defn.id = idGen()

     

       45
       +
                   defn.writeSvgElement(idGen, isDuplicate, outputFile, dryRun,

     

       46
       +
                                        forceDup=True)

     

       47
       +
                   if not dryRun:

     

       48
       +
                       outputFile.write('\n')

     

       49
        
           def __eq__(self, other):

     

       50
        
               return self is other

     

       51
        
       

     
···

       55
        
           TAG_NAME = '_'

     

       56
        
           hasContent = False

     

       57
        
           def __init__(self, **args):

     

       58
       +
               self.args = {}

     

       59
       +
               for k, v in args.items():

     

       60
       +
                   k = k.replace('__', ':')

     

       61
       +
                   k = k.replace('_', '-')

     

       62
       +
                   if k[-1] == '-':

     

       63
       +
                       k = k[:-1]

     

       64
       +
                   self.args[k] = v

     

       65
       +
               self.children = []

     

       66
       +
           def checkChildrenAllowed(self):

     

       67
       +
               if not self.hasContent:

     

       68
       +
                   raise RuntimeError(

     

       69
       +
                       '{} does not support children'.format(type(self)))

     

       70
        
           @property

     

       71
        
           def id(self):

     

       72
        
               return self.args.get('id', None)

     

       73
        
           @id.setter

     

       74
        
           def id(self, newId):

     

       75
        
               self.args['id'] = newId

     

       76
       +
           def writeSvgElement(self, idGen, isDuplicate, outputFile, dryRun,

     

       77
       +
                               forceDup=False):

     

       78
       +
               if dryRun:

     

       79
       +
                   if isDuplicate(self) and self.id is None:

     

       80
       +
                       self.id = idGen()

     

       81
       +
                   for elem in self.getLinkedElems():

     

       82
       +
                       if elem.id is None:

     

       83
       +
                           elem.id = idGen()

     

       84
       +
                   if self.hasContent:

     

       85
       +
                       self.writeContent(idGen, isDuplicate, outputFile, dryRun)

     

       86
       +
                   if self.children:

     

       87
       +
                       self.writeChildrenContent(idGen, isDuplicate, outputFile,

     

       88
       +
                                                 dryRun)

     

       89
       +
                   return

     

       90
       +
               if isDuplicate(self) and not forceDup:

     

       91
       +
                   outputFile.write('<use xlink:href="#{}" />'.format(self.id))

     

       92
       +
                   return

     

       93
        
               outputFile.write('<')

     

       94
        
               outputFile.write(self.TAG_NAME)

     

       95
        
               writeXmlNodeArgs(self.args, outputFile)

     

       96
       +
               if not self.hasContent and not self.children:

     

       97
        
                   outputFile.write(' />')

     

       98
        
               else:

     

       99
        
                   outputFile.write('>')

     

       100
       +
                   if self.hasContent:

     

       101
       +
                       self.writeContent(idGen, isDuplicate, outputFile, dryRun)

     

       102
       +
                   if self.children:

     

       103
       +
                       self.writeChildrenContent(idGen, isDuplicate, outputFile,

     

       104
       +
                                                 dryRun)

     

       105
        
                   outputFile.write('</')

     

       106
        
                   outputFile.write(self.TAG_NAME)

     

       107
        
                   outputFile.write('>')

     

       108
       +
           def writeContent(self, idGen, isDuplicate, outputFile, dryRun):

     

       109
        
               ''' Override in a subclass to add data between the start and end

     

       110
        
                   tags.  This will not be called if hasContent is False. '''

     

       111
        
               raise RuntimeError('This element has no content')

     

       112
       +
           def writeChildrenContent(self, idGen, isDuplicate, outputFile, dryRun):

     

       113
       +
               ''' Override in a subclass to add data between the start and end

     

       114
       +
                   tags.  This will not be called if hasContent is False. '''

     

       115
       +
               if dryRun:

     

       116
       +
                   for child in self.children:

     

       117
       +
                       child.writeSvgElement(idGen, isDuplicate, outputFile, dryRun)

     

       118
       +
                   return

     

       119
       +
               outputFile.write('\n')

     

       120
       +
               for child in self.children:

     

       121
       +
                   child.writeSvgElement(idGen, isDuplicate, outputFile, dryRun)

     

       122
       +
                   outputFile.write('\n')

     

       123
        
           def getSvgDefs(self):

     

       124
        
               return [v for v in self.args.values()

     

       125
       +
                       if isinstance(v, DrawingElement)]

     

       126
       +
           def writeSvgDefs(self, idGen, isDuplicate, outputFile, dryRun):

     

       127
       +
               super().writeSvgDefs(idGen, isDuplicate, outputFile, dryRun)

     

       128
       +
               for child in self.children:

     

       129
       +
                   child.writeSvgDefs(idGen, isDuplicate, outputFile, dryRun)

     

       130
        
           def __eq__(self, other):

     

       131
        
               if isinstance(other, type(self)):

     

       132
        
                   return (self.TAG_NAME == other.TAG_NAME and

     

       133
       +
                           self.args == other.args and

     

       134
       +
                           self.children == other.children)

     

       135
        
               return False

     

       136
       +
           def appendAnim(self, animateElement):

     

       137
       +
               self.children.append(animateElement)

     

       138
       +
           def extendAnim(self, animateIterable):

     

       139
       +
               self.children.extend(animateIterable)

     

       140
        
       

     

       141
        
       class DrawingParentElement(DrawingBasicElement):

     

       142
        
           ''' Base class for SVG elements that can have child nodes '''

     
···

       146
        
               self.children = list(children)

     

       147
        
               if len(self.children) > 0:

     

       148
        
                   self.checkChildrenAllowed()

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       149
        
           def draw(self, obj, **kwargs):

     

       150
        
               if not hasattr(obj, 'writeSvgElement'):

     

       151
        
                   elements = obj.toDrawables(elements=elementsModule, **kwargs)

     
···

       159
        
           def extend(self, iterable):

     

       160
        
               self.checkChildrenAllowed()

     

       161
        
               self.children.extend(iterable)

     

       162
       +
           def writeContent(self, idGen, isDuplicate, outputFile, dryRun):

     

       163
       +
               pass

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       164
        
       

     

       165
        
       class NoElement(DrawingElement):

     

       166
        
           ''' A drawing element that has no effect '''

     

       167
        
           def __init__(self): pass

     

       168
       +
           def writeSvgElement(self, idGen, isDuplicate, outputFile, dryRun,

     

       169
       +
                               forceDup=False):

     

       170
        
               pass

     

       171
        
           def __eq__(self, other):

     

       172
        
               if isinstance(other, type(self)):

     
···

       192
        
                   otherElem = '#' + otherElem

     

       193
        
               super().__init__(xlink__href=otherElem, x=x, y=y, **kwargs)

     

       194
        
       

     

       195
       +
       class Animate(DrawingBasicElement):

     

       196
       +
           ''' Animation for a specific property of another element

     

       197
       +
       

     

       198
       +
               This should be added as a child of the element to animate.  Otherwise

     

       199
       +
               the other element and this element must both be added to the drawing.

     

       200
       +
           '''

     

       201
       +
           TAG_NAME = 'animate'

     

       202
       +
           def __init__(self, attributeName, dur, from_or_values=None, to=None,

     

       203
       +
                        begin=None, otherElem=None, **kwargs):

     

       204
       +
               if to is None:

     

       205
       +
                   values = from_or_values

     

       206
       +
                   from_ = None

     

       207
       +
               else:

     

       208
       +
                   values = None

     

       209
       +
                   from_ = from_or_values

     

       210
       +
               if isinstance(otherElem, str) and not otherElem.startswith('#'):

     

       211
       +
                   otherElem = '#' + otherElem

     

       212
       +
               kwargs.update(attributeName=attributeName, to=to, dur=dur, begin=begin)

     

       213
       +
               kwargs.setdefault('values', values)

     

       214
       +
               kwargs.setdefault('from_', from_)

     

       215
       +
               super().__init__(xlink__href=otherElem, **kwargs)

     

       216
       +
       

     

       217
       +
           def getSvgDefs(self):

     

       218
       +
               return [v for k, v in self.args.items()

     

       219
       +
                       if isinstance(v, DrawingElement)

     

       220
       +
                       if k != 'xlink:href']

     

       221
       +
       

     

       222
       +
           def getLinkedElems(self):

     

       223
       +
               return (self.args['xlink:href'],)

     

       224
       +
       

     

       225
       +
       class _Mpath(DrawingBasicElement):

     

       226
       +
           ''' Used by AnimateMotion '''

     

       227
       +
           TAG_NAME = 'mpath'

     

       228
       +
           def __init__(self, otherPath, **kwargs):

     

       229
       +
               super().__init__(xlink__href=otherPath, **kwargs)

     

       230
       +
       

     

       231
       +
       class AnimateMotion(Animate):

     

       232
       +
           ''' Animation for the motion another element along a path

     

       233
       +
       

     

       234
       +
               This should be added as a child of the element to animate.  Otherwise

     

       235
       +
               the other element and this element must both be added to the drawing.

     

       236
       +
           '''

     

       237
       +
           TAG_NAME = 'animateMotion'

     

       238
       +
           def __init__(self, path, dur, from_or_values=None, to=None, begin=None,

     

       239
       +
                        otherElem=None, **kwargs):

     

       240
       +
               useMpath = False

     

       241
       +
               if isinstance(path, DrawingElement):

     

       242
       +
                   useMpath = True

     

       243
       +
                   pathElem = path

     

       244
       +
                   path = None

     

       245
       +
               kwargs.setdefault('attributeName', None)

     

       246
       +
               super().__init__(dur=dur, from_or_values=from_or_values, to=to,

     

       247
       +
                                begin=begin, path=path, otherElem=otherElem, **kwargs)

     

       248
       +
               if useMpath:

     

       249
       +
                   self.children.append(_Mpath(pathElem))

     

       250
       +
       

     

       251
       +
       class AnimateTransform(Animate):

     

       252
       +
           ''' Animation for the transform property of another element

     

       253
       +
       

     

       254
       +
               This should be added as a child of the element to animate.  Otherwise

     

       255
       +
               the other element and this element must both be added to the drawing.

     

       256
       +
           '''

     

       257
       +
           TAG_NAME = 'animateTransform'

     

       258
       +
           def __init__(self, type, dur, from_or_values, to=None, begin=None,

     

       259
       +
                        attributeName='transform', otherElem=None, **kwargs):

     

       260
       +
               super().__init__(attributeName, dur=dur, from_or_values=from_or_values,

     

       261
       +
                                to=to, begin=begin, type=type, otherElem=otherElem,

     

       262
       +
                                **kwargs)

     

       263
       +
       

     

       264
       +
       class Set(Animate):

     

       265
       +
           ''' Animation for a specific property of another element that sets the new

     

       266
       +
               value without a transition.

     

       267
       +
       

     

       268
       +
               This should be added as a child of the element to animate.  Otherwise

     

       269
       +
               the other element and this element must both be added to the drawing.

     

       270
       +
           '''

     

       271
       +
           TAG_NAME = 'set'

     

       272
       +
           def __init__(self, attributeName, dur, to=None, begin=None,

     

       273
       +
                        otherElem=None, **kwargs):

     

       274
       +
               super().__init__(attributeName, dur=dur, from_or_values=None,

     

       275
       +
                                to=to, begin=begin, otherElem=otherElem, **kwargs)

     

       276
       +
       

     

       277
       +
       class Discard(Animate):

     

       278
       +
           ''' Animation configuration specifying when it is safe to discard another

     

       279
       +
               element.  E.g. when it will no longer be visible after an animation.

     

       280
       +
       

     

       281
       +
               This should be added as a child of the element to animate.  Otherwise

     

       282
       +
               the other element and this element must both be added to the drawing.

     

       283
       +
           '''

     

       284
       +
           TAG_NAME = 'discard'

     

       285
       +
           def __init__(self, attributeName, begin=None, **kwargs):

     

       286
       +
               kwargs.setdefault('attributeName', None)

     

       287
       +
               kwargs.setdefault('to', None)

     

       288
       +
               kwargs.setdefault('dur', None)

     

       289
       +
               super().__init__(from_or_values=None, begin=begin, otherElem=None,

     

       290
       +
                                **kwargs)

     

       291
       +
       

     

       292
        
       class Image(DrawingBasicElement):

     

       293
        
           ''' A linked or embedded raster image '''

     

       294
        
           TAG_NAME = 'image'

     
···

       317
        
                           mimeType = self.MIME_MAP[ext]

     

       318
        
                       else:

     

       319
        
                           mimeType = self.MIME_DEFAULT

     

       320
       +
                           warnings.warn('Unknown image file type "{}"'.format(ext),

     

       321
       +
                                         Warning)

     

       322
        
               if mimeType is None:

     

       323
        
                   mimeType = self.MIME_DEFAULT

     

       324
       +
                   warnings.warn('Unspecified image type; assuming png'.format(ext),

     

       325
       +
                                 Warning)

     

       326
        
               if data is not None:

     

       327
        
                   embed = True

     

       328
        
               if embed and data is None:

     
···

       358
        
                       pass

     

       359
        
               super().__init__(x=x, y=-y, font_size=fontSize, **kwargs)

     

       360
        
               self.escapedText = xml.escape(text)

     

       361
       +
           def writeContent(self, idGen, isDuplicate, outputFile, dryRun):

     

       362
       +
               if dryRun:

     

       363
       +
                   return

     

       364
        
               outputFile.write(self.escapedText)

     

       365
        
       

     

       366
        
       class Rectangle(DrawingBasicElement):

     
···

       464
        
           def T(self, ex, ey): self.append('T', ex, -ey)

     

       465
        
           def t(self, ex, ey): self.append('t', ex, -ey)

     

       466
        
           def A(self, rx, ry, rot, largeArc, sweep, ex, ey):

     

       467
       +
               self.append('A', rx, ry, rot, int(bool(largeArc)), int(bool(sweep)), ex,

     

       468
       +
                           -ey)

     

       469
        
           def a(self, rx, ry, rot, largeArc, sweep, ex, ey):

     

       470
       +
               self.append('a', rx, ry, rot, int(bool(largeArc)), int(bool(sweep)), ex,

     

       471
       +
                           -ey)

     

       472
       +
           def arc(self, cx, cy, r, startDeg, endDeg, cw=False, includeM=True,

     

       473
       +
                   includeL=False):

     

       474
        
               ''' Uses A() to draw a circular arc '''

     

       475
        
               largeArc = (endDeg - startDeg) % 360 > 180

     

       476
        
               startRad, endRad = startDeg*math.pi/180, endDeg*math.pi/180

+37

examples/animated-fix-github.svg

···

       1
       +
       <?xml version="1.0" encoding="UTF-8"?>

     

       2
       +
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

     

       3
       +
            width="200" height="200" viewBox="-100.0 -100.0 200 200">

     

       4
       +
       <defs>

     

       5
       +
       <path d="M-90,0 A90,40,360,1,1,90,0 A90,40,360,1,1,-90,0 Z" id="d0" />

     

       6
       +
       </defs>

     

       7
       +
       <g>

     

       8
       +
       <circle cx="0" cy="0" r="19" fill="red">

     

       9
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="6s" values="1;1;1;1;1;1;0;0;0;0;0;0" />

     

       10
       +
       </circle>

     

       11
       +
       <animateTransform type="translate" repeatCount="indefinite" attributeName="transform" dur="6s" values="0,-80;80,0;0,80;-80,0;0,-80" />

     

       12
       +
       </g>

     

       13
       +
       <g>

     

       14
       +
       <circle cx="0" cy="0" r="19.25" fill="green" transform="scale(0)">

     

       15
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="6s" begin="1.5s" values="1;1;1;1;1;1;0;0;0;0;0;0" />

     

       16
       +
       </circle>

     

       17
       +
       <animateTransform type="translate" repeatCount="indefinite" attributeName="transform" dur="6s" values="0,-80;80,0;0,80;-80,0;0,-80" />

     

       18
       +
       </g>

     

       19
       +
       <g>

     

       20
       +
       <circle cx="0" cy="0" r="19.5" fill="blue" transform="scale(0)">

     

       21
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="6s" begin="3s" values="1;1;1;1;1;0;0;0;0;0;0;0" />

     

       22
       +
       </circle>

     

       23
       +
       <animateTransform type="translate" repeatCount="indefinite" attributeName="transform" dur="6s" values="0,-80;80,0;0,80;-80,0;0,-80" />

     

       24
       +
       </g>

     

       25
       +
       <g>

     

       26
       +
       <circle cx="0" cy="0" r="20.1" fill="yellow" transform="scale(0)">

     

       27
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="6s" begin="4.5s" values="1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;" />

     

       28
       +
       </circle>

     

       29
       +
       <animateTransform type="translate" repeatCount="indefinite" attributeName="transform" dur="6s" values="0,-80;80,0;0,80;-80,0;0,-80" />

     

       30
       +
       </g>

     

       31
       +
       <circle cx="0" cy="0" r="10">

     

       32
       +
       <animateMotion repeatCount="indefinite" dur="3s">

     

       33
       +
       <mpath xlink:href="#d0" />

     

       34
       +
       </animateMotion>

     

       35
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="3s" values="1,2;2,1;1,2;2,1;1,2" />

     

       36
       +
       </circle>

     

       37
       +
       </svg>

+18

examples/animated.svg

···

       1
       +
       <?xml version="1.0" encoding="UTF-8"?>

     

       2
       +
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

     

       3
       +
            width="200" height="200" viewBox="-100.0 -100.0 200 200">

     

       4
       +
       <defs>

     

       5
       +
       <path d="M-90,0 A90,40,360,1,1,90,0 A90,40,360,1,1,-90,0 Z" id="d0" />

     

       6
       +
       </defs>

     

       7
       +
       <circle cx="0" cy="0" r="20" fill="red">

     

       8
       +
       <animate repeatCount="indefinite" attributeName="cy" dur="6s" values="-80;80;-80" />

     

       9
       +
       <animate repeatCount="indefinite" attributeName="cx" dur="6s" values="0;80;0;-80;0" />

     

       10
       +
       <animate calcMode="discrete" repeatCount="indefinite" attributeName="fill" dur="6s" values="red;green;blue;yellow" />

     

       11
       +
       </circle>

     

       12
       +
       <circle cx="0" cy="0" r="10">

     

       13
       +
       <animateMotion repeatCount="indefinite" dur="3s">

     

       14
       +
       <mpath xlink:href="#d0" />

     

       15
       +
       </animateMotion>

     

       16
       +
       <animateTransform type="scale" repeatCount="indefinite" attributeName="transform" dur="3s" values="1,2;2,1;1,2;2,1;1,2" />

     

       17
       +
       </circle>

     

       18
       +
       </svg>

examples/example7.gif

This is a binary file and will not be displayed.