Tag: svg

如何在Raphael生成的SVG上进行工具提示: 我正在做一些教学练习，用XSLT，Javascript和Raphael将XML转换为SVG。我确信这是艰难的方式……但它具有教育意义。我遇到的问题是创建工具提示。到目前为止，我已经找到了三种方法：第一种方法是在对象上使用.attr({title: “blah”{) 。这是有效的，但拉斐尔并没有正式支持，我想在工具提示中加入的内容可能有点长，这是人们操作系统在人们读完之前超出工具提示的问题。我找到的第二种方法就是这里的function。当有鼠标hover时，它可以正常弹出拉斐尔对象，但是，据我所知，弹出一个看起来很正常的工具提示是不可能的。使用jquery Tooltip插件。这似乎不起作用。我无法让Raphael将title属性添加到对象中并选择该标题。不知道为什么。所以，我想知道的是，向Raphael对象添加工具提示是一种简单可靠的方法，以便当人们将鼠标hover在对象上时弹出它们，并在鼠标输出时（但不是之前）消失？

如何在SVG（可缩放矢量图形）中使用jquery？: 我在我的php文件中嵌入了SVG来显示地图。我想在它上使用jquery但我不知道如何在其中链接jquery。我希望有人已经做过这样的事情。所以请帮助解决这个问题。谢谢编辑在这里，我在我的问题上找到了一些有用的信息。我仍然需要知道如何在load事件上添加一些css或链接。

将状态名称添加到d3.js中的地图中: 我正在使用albersUSA投影来显示地图。我想为每个州添加州的名称。这是我尝试过的，我可以在源代码中看到状态的名称，但我看不到它们的渲染。我究竟做错了什么？ var width = 1060, height = 600, var svg = d3.select(“body”).append(“svg”) .attr(“width”, width) .attr(“height”, height); svg.append(“rect”) .attr(“class”, “background”) .attr(“width”, width) .attr(“height”, height) .on(“click”, click) .on(“mousemove”, mousemove); var g = svg.append(“g”) .attr(“transform”, “translate(” + width / 2 + “,” + height / 2 + “)”) .append(“g”) .attr(“id”, “states”); var projection = d3.geo.albersUsa() […]

使用jQuery修改svg文件: 我有一个svg文件，有一些形状和一些文字。我想在运行时修改svg，以便某些形状可以改变颜色，而某些文本可以改变其内容。假设我在外部svg文件中只有两个元素： circle1：一个蓝色的圆圈和那个id text1：包含带有该id的“ – ”的文本现在我可以在我的html中查看该文件了从图像附近的按钮，使用jQuery，我可以捕获onClick事件：我想用红色填充cicle并将文本更改为“hello word”。我怎样才能做到这一点？有基于jQuery的解决方案吗？我找到了jquery.svg插件，但似乎只能修改运行时创建的文档。谢谢。