带有svg样式url(#id)的模板用文件名填充
考虑这一主要文件:带有svg样式url(#id)的模板用文件名填充,svg,polymer,web-component,Svg,Polymer,Web Component,考虑这一主要文件: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Bug</title> <link rel="import" href="bower_components/polymer/polymer.html"> <link rel="import" href="svg-bug.html"&g
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Bug</title>
<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="svg-bug.html">
</head>
<body>
<p>Directly:</p>
<svg width="50" height="20">
<defs>
<marker id="arrow" markerWidth="13" markerHeight="13" refx="2" refy="6" orient="auto">
<path d="M2,1 L2,10 L10,6 L2,2" style="fill:red;" />
</marker>
</defs>
<path d="M10,10 L40,10"
style="stroke:#000000; stroke-width: 1.25px;
fill:none;
marker-end: url(#arrow);" ></path>
</svg>
<p>Imported:</p>
<svg-bug></svg-bug>
</body>
</html>
使用Chromium版本37.0.2062.94 Ubuntu 14.04(290621)(64位)和Polymer 0.4.0。结果是:
这是因为路径的样式属性现在包含标记end:url('svg-bug.html#arrow')代码>
我尝试在不同的地方使用无垫片
,但运气不佳
如何修复或解决此问题?这可能是Polymer中的一个错误,请在此处提交问题单谢谢,我会的,解决后我会在此处更新!编辑:似乎这在0.5.4中是固定的,提到散列URL,但我不会费心去挖掘特定的票证。
<polymer-element name="svg-bug" noscript>
<template>
<svg width="50" height="20">
<defs>
<marker id="arrow" markerWidth="13" markerHeight="13" refx="2" refy="6" orient="auto">
<path d="M2,1 L2,10 L10,6 L2,2" style="fill:red;" />
</marker>
</defs>
<path d="M10,10 L40,10"
style="stroke:#000000; stroke-width: 1.25px;
fill:none;
marker-end: url(#arrow);" ></path>
</svg>
</template>
</polymer-element>