digitalsignage.com - open source docs digitalsignage.com - open source docs

  • API Docs for Version: 1.1.80

    • APIs

    Show:

    fabric.Canvas Class

    Extends fabric.StaticCanvas
    Defined in: _common\_js\fabric\fabric.require.js:7845
    Module: Classes

    Canvas class

    Item Index

    Methods

    Methods

    (
    • [options]
    • [reviver]
    )
    String

    Inherited from fabric.StaticCanvas but overwritten in _common\_js\fabric\fabric.require.js:6725

    Returns SVG representation of canvas

    Parameters:

    • [options] Object optional

      Options object for SVG output

      • [suppressPreamble=false] Boolean optional

        If true xml tag is not included

      • [viewBox] Object optional

        SVG viewbox object

        • [x] Number optional
          x-cooridnate of viewbox
        • [y] Number optional
          y-coordinate of viewbox
        • [width] Number optional
          Width of viewbox
        • [height] Number optional
          Height of viewbox
      • [encoding=UTF-8] String optional

        Encoding of SVG output

    • [reviver] Function optional

      Method for further parsing of svg elements, called after each fabric object converted into svg representation.

    Returns:

    String:

    SVG string

    Example:

    Normal SVG output var svg = canvas.toSVG();

    SVG output without preamble (without <?xml ../>) var svg = canvas.toSVG({suppressPreamble: true});

    SVG output with viewBox attribute var svg = canvas.toSVG({ viewBox: { x: 100, y: 100, width: 200, height: 300 } });

    SVG output with different encoding (default: UTF-8) var svg = canvas.toSVG({encoding: 'ISO-8859-1'});

    Modify SVG output with reviver function var svg = canvas.toSVG(null, function(svg) { return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', ''); });