CHANGES #

0.5.4 #

• Consume latest path_drawing (and path_parsing) packages to fix issue(s) with smooth curve handling.

0.5.3 #

• Revert HttpStatus.OK change - not ready yet for Flutter beta channel

0.5.2 #

• Fix bug(s) in processing stroke and fill opacity when stroke/fill are inherited.
• Fix HTTP network headers for network pictures

0.5.1 #

• Consume latest change from path_drawing (fixes exponent validation)

0.5.0 #

• Minimum Flutter version is now 0.5.1 (latest beta as of release)
  • Merge in support for Focal Pointed Radial Gradients
  • Use asset directory references in pubspec.yaml
• Better support for nested <tspan> styles
• Support for text-anchor attribute
• Fix <ellipse> parsing bug (ellipses were drawn at half the expected size)
• Fix <polyline> parsing bug (polylines were incorrectly forced to be closed)

0.4.1 #

• Fix bug where widget caused exception in a FittedBox

0.4.0 #

• Added width and height properties to SvgPicture
• Remove deprecated code related to SvgImage
• Improved reporting of error conditions
  • Unsupported style elements will report an error
  • Unresolvable definitions will report an error
• Fixed matchesTextDirection
• Support for text-anchor

0.3.3 #

• Fix centering/scaling of canvas when viewBox is not square
• Improved color parsing

0.3.2 #

• Bug fix around caching for tinting/coloring (color was not being properly included in cache keys)

0.3.1 #

• Support for tinting/coloring the output
• Documentation updates

0.3.0 #

• This version represents a major rewrite of the widget(s) involved in rendering SVG drawings. This is primarily to support caching and better performance in rendering.
• New method on DrawableRoot toPicture to create a ui.Picture object from the SVG.
• Support for caching of Pictures, similar to how framework caches images. This will eventually be configurable, but is not as of this release.

BREAKING CHANGES #

• BREAKING CHANGE: SvgImage, AvdImage, and VectorDrawableImage have been deprecated. They relied on methods that are less efficient than those now surfaced in SvgPicture.
• BREAKING CHANGE: Size is no longer passed to SvgPicture - its size is determined by parent size.
• BREAKING CHANGE: clipToViewBox is now called allowDrawingOutsideViewBox. It defaults to false. It should not ordinarily be set to true, as it can allow unexpected memory usage if your vector graphic tries to draw far outside of the viewBox bounds.
• BREAKING CHANGE: SvgPicture does not support custom ErrorWidgetBuilders at this point in time. However, errors will be properly logged to the console. This is a result of improvements in the loading/caching of drawings.

0.2.0 #

• Fix bug(s) in inheritence (better rendering of Ghostscript_Tiger.svg)
• Support for <clipPath>s
• Refactoring of how gradients are handled to enable clipPaths
• Refactor of SVG shape -> path logic

0.1.4 #

• Fix bugs in <radialGradient> percentage handling.
• Add error widget on error.
• Add ability to specify error/placeholder widgets.
• Minor improvement on flutter logo SVG (add missing gradient).
• Improve docs, unit tests.

0.1.3 #

• Add more unit tests and rendering tests (!).
• Add top level flutter_svg.dart.
• Fix bugs found in transform matrix logic for skewX and skewY.
• Minor improvements in handling inheritence for PathFillType.
• Support gradient spread types (TileModes in Flutter).

0.1.2 #

• Bump to path_drawing 0.2.3 (fix arc defect).
• Handle 'none' in dasharray without throwing exception.
• Better handling of inheritence and 'none' in fill/stroke/dasharray

0.1.1 #

• Handle opacity on groups and inherited/blended opacity.
• Fixes elements that have both opacity and stroke-opacity or fill-opacity.
• Improvements for inheritence.
• Fixes related to unspecified fills on shapes.

0.1.0 #

Bumping minor version due to internal breaking changes and new support. Works on dev channel as of release (Flutter >= 0.3.6).

• Refactor DrawableRoot to support top level style definition.
• Support for dash paths.
• Support for more inherited attributes.
• Initial support for @style attributes.
• Support for rgb() color attribute/styles.
• Change painting order from stroke first, then fill to fill first, then stroke (matches Chrome rendering of assets/simple/style_attr.svg).

0.0.2 #

Initial text support. Relies on flutter 0.3.6.

0.0.1 #

Initial release. Relies on pre-released master.

example/main.dart

import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_svg/avd.dart';
import 'package:flutter_svg/flutter_svg.dart';

const List<String> assetNames = const <String>[
  // 'assets/notfound.svg',
  'assets/flutter_logo.svg',
  'assets/dart.svg',
  'assets/simple/clip_path_3.svg',
  'assets/simple/clip_path_2.svg',
  'assets/simple/clip_path.svg',
  'assets/simple/group_fill_opacity.svg',
  'assets/simple/group_opacity.svg',
  'assets/simple/text.svg',
  'assets/simple/linear_gradient.svg',
  'assets/simple/linear_gradient_2.svg',
  'assets/simple/radial_gradient.svg',
  'assets/simple/rect_rrect.svg',
  'assets/simple/style_attr.svg',
  'assets/w3samples/aa.svg',
  'assets/w3samples/alphachannel.svg',
  'assets/simple/ellipse.svg',
  'assets/simple/dash_path.svg',
  'assets/simple/nested_group.svg',
  'assets/wikimedia/chess_knight.svg',
  'assets/wikimedia/Ghostscript_Tiger.svg',
];

const List<String> iconNames = const <String>[
  'assets/deborah_ufw/new-action-expander.svg',
  'assets/deborah_ufw/new-camera.svg',
  'assets/deborah_ufw/new-gif-button.svg',
  'assets/deborah_ufw/new-gif.svg',
  'assets/deborah_ufw/new-image.svg',
  'assets/deborah_ufw/new-mention.svg',
  'assets/deborah_ufw/new-pause-button.svg',
  'assets/deborah_ufw/new-play-button.svg',
  'assets/deborah_ufw/new-send-circle.svg',
  'assets/deborah_ufw/numeric_25.svg',
];

const List<String> uriNames = const <String>[
  'http://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg',
  'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/410.svg',
  'https://upload.wikimedia.org/wikipedia/commons/b/b4/Chess_ndd45.svg',
];

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter SVG Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final List<Widget> _painters = <Widget>[];
  double _dimension;

  @override
  void initState() {
    super.initState();
    _dimension = 250.0;

    _painters.add(new SvgPicture.string('<svg viewBox="0 0 120 120"><path d="M20,30 Q40,5 60,30 T100,30" stroke="red" fill="none"/></svg>'));

    for (String assetName in assetNames) {
      _painters.add(
        new SvgPicture.asset(assetName),
      );
    }

    for (int i = 0; i < iconNames.length; i++) {
      _painters.add(
        new Directionality(
          textDirection: TextDirection.ltr,
          child: new SvgPicture.asset(
            iconNames[i],
            color: Colors.blueGrey[(i + 1) * 100],
            matchTextDirection: true,
          ),
        ),
      );
    }

    // _painters.add(new SvgPicture.asset(iconNames[0], color: Colors.red));

    for (String uriName in uriNames) {
      _painters.add(
        new SvgPicture.network(
          uriName,
          placeholderBuilder: (BuildContext context) => new Container(
              padding: const EdgeInsets.all(30.0),
              child: const CircularProgressIndicator()),
        ),
      );
    }
    _painters
        .add(new AvdPicture.asset('assets/android_vd/battery_charging.xml'));
  }

  @override
  Widget build(BuildContext context) {
    if (_dimension > MediaQuery.of(context).size.width - 10.0) {
      _dimension = MediaQuery.of(context).size.width - 10.0;
    }
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Column(children: <Widget>[
        new Slider(
            min: 5.0,
            max: MediaQuery.of(context).size.width - 10.0,
            value: _dimension,
            onChanged: (double val) {
              setState(() => _dimension = val);
            }),
        // new FlutterLogo(size: _dimension),
        // new Container(
        //   padding: const EdgeInsets.all(12.0),
        // child:

        // )
        new Expanded(
          child: new GridView.extent(
            shrinkWrap: true,
            maxCrossAxisExtent: _dimension,
            padding: const EdgeInsets.all(4.0),
            mainAxisSpacing: 4.0,
            crossAxisSpacing: 4.0,
            children: _painters.toList(),
          ),
        ),
      ]),
    );
  }
}