AngularJS SVG ng-attr-width Test

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<div ng-controller="MainCtrl as mainCtrl">
    Inspect element to see it's width and height:
    <div ng-cloak>
        <svg ng-show="mainCtrl.svg.show"
        xmlns="http://www.w3.org/2000/svg"
        baseProfile="full"
        version="1.1"
        ng-attr-width="mainCtrl.svg.width"
        ng-attr-height="mainCtrl.svg.height">
        </svg>
    </div>
</div>

CSS

svg {
    background-color: aqua;
}

JavaScript

angular.module('AngularSVGTestApp', [])
.controller('MainCtrl', [function () {
    var self = this;
    self.svg = {
        show: true,
        width: 400,
        height: 400,
        x:200,
        y:200
    };
}]);