JSFiddle

  • svg.js preserve whitespace #2 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    var draw = SVG('drawing')
    
    var text = draw.text(' with     a lot of    white t e    s p a c e ...
  • Rotating and moving text #5 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    
    var draw = SVG('canvas')
    
    var group = draw.group().move(100, 100)
    
    var text = group.text('that').font({ size: 103 }).fill ...
  • Animatable Poly's #5 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    // create drawing
    var draw = SVG('drawing').size(500,500)
    
    // draw empty polygon
    var polygon = draw.polygon()
    
    // define reapeatable animation
    function ...
  • svg.js playground #2 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    /* create and svg canvas */
    var draw = SVG('canvas')
    
    /* draw rectangle */
    var rect = draw.rect(50,50).move(100,100).fill ...
  • svg.js playground #6616 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    /* create an svg drawing */
    var draw = SVG('drawing')
    
    /* draw rectangle */
    var rect = draw.rect(50,50).move(100,100).fill ...
  • Text path in svg.js #1061 is the latest revision

    svg.js 0.x (latest), HTML, CSS, JavaScript

    /* create canvas */
    var draw = SVG('canvas').size(400,400).viewbox(0, 0, 1000, 1000)
    
    /* create text */
    var text = draw.text ...
  • viewbox animation

    svg.js 0.x (latest), HTML, CSS, JavaScript

    var zoomed = false
    
    var draw = SVG('canvas')
    
    var image = draw.image('http://distilleryimage8.s3.amazonaws.com/87a5e472bbd111e282b422000a1f9ab7_7.jpg').size(300 ...