【问题标题】:SVG: Get clicked elementSVG:获取点击的元素
【发布时间】:2022-01-07 18:49:53
【问题描述】:

如何获取 SVG 中点击的特定元素?

    this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');        
    var s = Snap(this.svgEl);        
    var svgFromApi = (new DOMParser()).parseFromString("svg image from API", "image/svg+xml");
    s.clear();
    s.append(svgFromApi.documentElement);
    this.divElementRef.nativeElement.appendChild(this.svgEl); 

    this.svgElement.onclick = ()=> {               
           //Need to get on which element inside SVG it was clicked.   
       }

【问题讨论】:

    标签: javascript html angular svg snap.svg


    【解决方案1】:

    试试这个

    this.svgEl.onclick = (event) => {               
       // event.target should contain the element that was clicked on
    }
    

    【讨论】:

    • 有什么方法可以检查 event.target 的类型吗?是图片还是文字?
    • event.target.nodeName
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-08
    • 2013-08-22
    • 2016-06-30
    • 1970-01-01
    • 1970-01-01
    • 2016-11-18
    • 1970-01-01
    相关资源
    最近更新 更多