在 raphaeljs 中，有没有办法在对象中放置文本以保持翻转状态

In raphaeljs, is there a way to place text within an object to keep rollover state

本文关键字：翻转 状态 置文本 对象 raphaeljs 有没有      更新时间：2023-09-26

使用 raphael js 创建 svg 地图时，我有悬停状态。我怎么会试图把国名写在地图上。我面临的问题是名称成为他们自己的对象并阻止国家/地区，因此当光标直接位于文本上时，我会松开悬停并单击。有没有办法让我绘制文本而不会让它挡住地图。我尝试过set（），但没有成功。

谢谢

我在下面没有包含文本（）或打印（）：

var r = Raphael('map', 1450, 2180);
    arr = new Array();
for (var country in paths) {
    var obj = r.path(paths[country].path);
    countryName = paths[country].name;
    color = paths[country].color;
    scolor = paths[country].stroke;
    obj.attr({fill:color,stroke:scolor,
        'stroke-width': 1,
        'stroke-linejoin': 'round'});
    arr[obj.id] = country;
    obj
    .hover(function(){
        console.log(arr[this.id]);
        this.animate({
            fill: paths[arr[this.id]].hover
        }, 300);
    }, function(){
        this.animate({
            fill: paths[arr[this.id]].color
        }, 300);
    })
});

尝试将文本元素的 pointer-events 属性设置为 none。
文档：
http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty

相关文章：