Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 1.26 KB

README.md

File metadata and controls

47 lines (34 loc) · 1.26 KB
Raw

sd

SVG Directive for angular

Intro

Basic support for AngularJS SVG Bindings.

  • Supports all camelCases attributes like viewBox

Support for xinclude

ng:include does not work on svg elements because the browser does not parse the svg content as svg elements. HTML5 supposed to be namespace unware. But it isn't. So working on a replacement solution for ng:include

the included svg files can contain normal angular binding stuff like ng-repeat and so on. Just check the index.html for example

  • Partial support for xinclude. Work in Progress.
  • parse and fallback not supported yet.
  • only works on svg content (for now)
  • XPointer support depends on document.evaluate, you need to polyfill this for IE (https://code.google.com/p/wicked-good-xpath/)
<svg>
  <sd:xinclude href="" xpointer="//[@id='anId']"/>
</svg>

Installation

  • bower install
  • npm install
  • run 'grunt connect' and go to localhost:8000

Best practices

  • Use namespaces!! They don't harm you
<svg xmlns="http://www.w3.org/2000/svg" xmlns:sd="uri:whatevermakesyouhappy" xmlns:xlink="http://www.w3.org/1999/xlink">

Not Supported Yet

  • A lot

Hey it's just a quick commit

  • Add test cases (angular scenario, ngdocs)
  • Add more attributes
  • Add documentation 'To Whom It May Concern'