插槽内的SVG无法在Chrome中呈现

时间:2018-02-19 19:06:50

标签: svg polymer polymer-2.x clipping clip-path

我正在创建一个用svg和css剪辑图像的元素。因为我无法将整个svg作为属性传递,所以我将其添加为模板中的插槽。

它适用于Firefox,但我不明白为什么它不能在Chrome中运行。 我可以看到该元素被渲染为Chrome上#img-container div内的最后一个元素,而Firefox上的元素正在iron-image元素下方呈现。

请参阅此plunker示例:https://embed.plnkr.co/mAtZQSTzxte1HuFFA8AB/

参见最后一个显示插槽内svg的示例。

有什么想法吗?干杯!

0 个答案:

没有答案