使用firefox,当我在某个use
元素上单击鼠标中键(或ctrl +单击)时,它会xlink:href
在新标签页中打开url(如href
)
错误或功能?
<svg viewBox="0 0 400 80">
<circle id="circle" cx="40" cy="40" r="30" fill="#29e"></circle>
<use xlink:href="#circle" transform="translate(70, 0)" style="stroke: red;"></use>
</svg>
<p>ctrl+click on right circle</p>
这是一个尚未解决的错误,他们不确定如何处理。触发器是xlink:href
一种内部处理方式,就像A.href一样(中键单击或Ctrl +单击打开以打开新标签)。一种解决方法是将xlink:href
元素隐藏在不可见的矩形下:
<svg viewBox="0 0 400 80">
<circle id="circle" cx="40" cy="40" r="30" fill="#29e" />
<use xlink:href="#circle" transform="translate(70, 0)" style="stroke: red;" />
<rect style="opacity:0" x="80" y="10" width="60" height="60" />
</svg>
<p>ctrl+click on right circle - nothing happens</p>
如果您有任何需要触发的事件,则必须将它们绑定到不可见的矩形。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句