Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将标题悬停在SVG圆圈上_Javascript_Svg_Snap.svg - Fatal编程技术网

Javascript 将标题悬停在SVG圆圈上

Javascript 将标题悬停在SVG圆圈上,javascript,svg,snap.svg,Javascript,Svg,Snap.svg,使用snapsvg.io,我想知道当鼠标悬停在图像上而不是SVG圆圈上时,是否可以像使用标记一样向SVG圆圈添加标题 使用snapsvg.io网站上的一些示例代码: var s = Snap("#svg"); var bigCircle = s.circle(150, 150, 100); bigCircle.attr({ fill: "#bada55", stroke: "#000", strokeWidth: 5 }); 如何将标题悬停在这个大圆圈上以显示一些标题文

使用snapsvg.io,我想知道当鼠标悬停在图像上而不是SVG圆圈上时,是否可以像使用
标记一样向SVG圆圈添加标题

使用snapsvg.io网站上的一些示例代码:

var s = Snap("#svg");
var bigCircle = s.circle(150, 150, 100);
bigCircle.attr({
    fill: "#bada55",
    stroke: "#000",
    strokeWidth: 5
});

如何将标题悬停在这个大圆圈上以显示一些标题文本?我想用普通的JavaScript来实现这一点。

您可以创建一个圈的标题子项。没有快照标题创建者,但您可以使用snap.parse以本机方式创建一个

var s=Snap(#svg”);
var bigCircle=s.circle(150150100);
bigCircle.attr({
填写:“bada55”,
笔画:“000”,
冲程宽度:5
});
var title=Snap.parse('这是一个标题');
大圆圈。附加(标题)
html、正文、svg{
宽度:100%;
身高:100%;
}


好极了-我只想要我需要的。假设我也可以把这个应用到文本中?试试看:-)好的,罗伯特-假设它会起作用。您似乎非常了解SVG元素。是否可以问您一个关于SVG图像的特定问题,以及如何均匀(分层)添加多个圆,以便它们不会重叠并停留在某个区域内。不确定如何确定这一点/发展?请随意就这一主题提出另一个问题。可以,但今晚晚些时候再讨论。谢谢你,罗伯特。