2

我正在努力让我的小离子应用程序使用 IonicFramework 在 IOS 中显示 SVG 文件。

它可以在浏览器和 Android 5.0 上运行,但是当我在 IOS 中试用时,我的标志没有出现。

如果我将硬编码的标志添加到 html 中,该标志就会出现......

嗯我做错了什么??该示例基于使用空白模板的新 Ionic 项目...

JS 片段:

.controller('myCtrl', function($scope) {

  var flag='<polygon points="0 0,0 60,120 40,120 20" fill="white" /><polygon points="0 0,24 4,24 56,0 60" fill="red" /><polygon points="48 8,72 12,72 48,48 52" fill="red" /><polygon points="96 16,120 20,120 40,96 44" fill="red" /><polygon points="0 0,0 60,120 40,120 20" fill="none" stroke="black" stroke-width="0.1" />';

  $scope.myflag = flag;
});

HTML 片段:

<p>Postponed! (does not work)</p>
<svg ng-bind-html="myflag"></svg>

http://codepen.io/flemmingdjensen/pen/XbRKLV

4

0 回答 0