Using thirdparty libraries from dart language

Question

How can import and use any third party javascript libraries in dart..? I want to use snapsvg in my dart application to render svg. But not sure how to add dependencies to add and import it.

I added js: any to my pubspec.yaml and imported packages/browser/interop.js into my html. Where do I place downloaded snapsvg.js and import it to my dart source file to use it.

I am trying to use following javascript code using snapsvg framework from dart.

s = Snap(800, 600);
s.rect(0, 0, 100, 100).attr({
    fill: 'white',
    stroke: 'black'
});

I tried this code from in dart:

  import 'package:js/js.dart' as js;
  void main() {
      var s = js.context.Snap(800, 600);
      s.rect(0, 0, 100, 100);
  }

This works fine in dartium, but when I Run as Javascript after build, I got javascript error "method zm not found in object"

I believe this is not right way and I should use be using callMethod on proxy. So I changed code like this

import 'dart:js' show context, JsObject;
void main() {
     var snap = context['Snap'];
    snap.callMethod('rect', 0,0,100,100);
}

This is not working in Dartium as itself. I would appreciate if someone can provide example of how to call constructor Snap(800, 600) from dart and also rect and attr methods in my example code.

Günter Zöchbauer Günter Zöchbauer · Accepted Answer · 2014-04-04T21:39:21

You add them to the HTML file using <script> tags.
You can call JavaScript functions from Dart using dart-js-interop. There are many examples here on Stackoverflow under this tag - just click on the tag below your question. When you provide a more concrete example it is easier to help.

Using thirdparty libraries from dart language

2 Answers