在这段代码中,我将myapp/__init__.py
动态添加到svg元素:
xlink:ref
我可以看到该链接反映在DOM中,但是该链接不起作用! (至少在Safari中。)另一方面,该页面具有预编码的链接(通过复制粘贴最终的DOM获得)可以正常工作:
<!doctype html>
<html>
<head>
</head>
<body>
<svg width="500" viewBox="0 0 100 100">
<a id="turkey">
<rect x="10" y="10" width="80" height="80" fill="blue">
</a>
</svg>
<script>
a = document.getElementById('turkey')
a.setAttribute('xlink:href', 'http://www.google.com')
</script>
</body>
</html>
(免责声明:第二页在Chrome中不起作用。对于Chrome,必须将<!doctype html>
<html>
<head>
</head>
<body>
<svg width="500" viewBox="0 0 100 100">
<a id="turkey" xlink:href="http://www.google.com">
<rect x="10" y="10" width="80" height="80" fill="blue">
</a>
</svg>
</body>
</html>
更改为xlink:href
。Safari喜欢href
,Chrome喜欢xlink:href
。 )
这是Safari中的一些已知错误吗?
如何在Safari中动态添加功能链接到svg元素?