我正在努力让我的小离子应用程序使用 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>