gpt4 book ai didi

javascript - 如何将 angular 2 事件绑定(bind)到 svg 对象?

转载 作者:行者123 更新时间:2023-11-30 11:42:07 25 4
gpt4 key购买 nike

我有以下 html:

<svg:g *ngFor='let knob of knobs' >
<svg:path id="arc1" fill="blue" stroke="#446688" stroke-width="1"
fill-rule="nonzero" draggable="true" [attr.d]="knob"
(drag)="dragKnob(event)" class="draggable"/>
</svg:g>

和脚本:

dragKnob(event: Event): void {
console.log(event);
}

结果是它不执行 dragKnob。如果我改用(单击)它会按预期工作。

有什么想法吗?

最佳答案

SVG 元素不支持拖动事件:

http://www.w3.org/TR/SVG/svgdom.html#RelationshipWithDOM2Events .

如果您想在拖动对象时执行某些操作,请改用 (mousemove)。

(mousemove)="dragKnob(event)"

这应该写入控制台:

dragKnob(event: Event): void {
console.log(event);
}

关于javascript - 如何将 angular 2 事件绑定(bind)到 svg 对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42236272/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com