问题标签 [raphael]

我是 RaphaelJS 的新手。我正在尝试将单击侦听器和键盘侦听器添加到画布但没有成功。有人可以解释如何在 Raphael 上使用点击监听器和键盘监听器。一个小例子会有很大帮助。

谢谢你。

我正在尝试使用 RaphaelJS（例如http://raphaeljs.com/australia.html ）构建交互式地图。请检查来源。它需要输入地图路径数据。除了 illustrator 或 inkscape 能够做到这一点之外，关于如何获取此信息的任何地方都没有明确的解释。我希望从这张印度地图中获取“州”路径数据：http ://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

我正在使用 raphael javascript svg 渲染引擎。如果我使用以下代码

var canvas = Raphael("画布",700,500);
var circ = canvas.circle(30,20,10);

some_function(circ);

有没有办法some_function从已创建的圆形对象中提取 30、20 或 10？

我正在制作一个项目，它使用 HTML 元素作为图表中的节点，并使用Raphaël在它们之间画线。问题是这些行总是在 HTML 元素下面结束。我努力了

（它比我所有的其他 z-index 都大）并且还尝试将 SVG 画布作为 DOM 中的最后一个元素，但没有成功。我怎样才能把这些线画在上面？

我正在尝试通过提供x、y 坐标在 SVG 画布中定位文本

但不会像所有其他对象一样定位文本...

x,y坐标指定物体的中心！不是“最左边和最上面”的像素！

我想将文本沿一条线“左对齐” ，与标准 HTML 相同。

帮助将不胜感激。

需要一些关于解决这个问题的最佳方法的建议：

我已经疯狂地爱上了RaphaëlJS，因为它使 SVG 对我和我的编码变得可实现，因为它已经成功地将 IE 纳入其中。

但是，我不喜欢为.js要在页面上呈现的每个 SVG 图形都包含一个文件。

所以，我在互联网上四处寻找，看看我是否能找到更“动态”的东西，我发现了这个：（以下是我在这里找到的代码的编辑版本：http ://groups.google.com/组/raphaeljs/msg/ce59df3d01736a6f）

本质上，这让我可以只用.svg图形编写一个普通的图像标签，jQuery 插件会自动将其替换为 Raphaël 渲染的版本。

这在不兼容 SVG 的浏览器（如 IE）中效果很好，但在实际上已经支持 SVG 图形的现代浏览器中，图像标签按原样工作（没有 Raphaël），所以当 Raphaël 加载时，它会卸载现有图像，然后淡入Raphaël 版本……本质上是在制造闪烁。我试图通过淡入新版本来淡化这一点，但我仍然面临旧版本显示，被隐藏，然后再次显示的问题。

我需要一种方法来协调有问题的浏览器（如 IE）中的所需行为和现代、符合标准的浏览器（如 Safari 4 和 Firefox 3）中的不良行为。但是，我想以我没有的方式做到这一点显着改变我编码的方式（为什么我首先使用插件）。

我知道 SVG 仍然有点前沿，但有人对我如何解决这个问题有任何想法吗？

免责声明：如果可能的话，我想远离浏览器定位......我正在寻找一种可管理且功能强大的工作流解决方案，而不是浏览器黑客。

第二个免责声明：我不想要基于 Flash 的解决方案；我想尽可能地“原生”，我认为 javascript 比 Flash 更重要。（这就是为什么我对 Raphaël 如此兴奋，因为我可以远离 Flash）。

在像这样实例化 Raphael 文本之后

我该如何着手修改该文本？

t.text = "test";对我不起作用。

我需要一个小脚本，它将在具有 2 个功能的框架内显示 SVG（矢量图像）；

1. 可以平移图像（移动以使用光标查看 svg 图像的不同部分）类似于谷歌地图。

2. SVG 图像也可以像谷歌地图一样放大和缩小，但由于图像是矢量，因此无需加载新图像。

对于我见过的适用于普通图像格式的类似脚本，请参阅http://jibbering.com/routeplanner/

我对出色的 RaphaelJs 库有疑问。如果我使用缩小版本，它不适用于 IE（8 和 7）。它适用于开发版本。

引发错误paper = Raphael("canvas", 100, 100);

知道有什么问题吗？

提前致谢

Is it possible to create Raphael's object but not drawing it on paper?

In example, i want to create circle, do some actions and show it on callback of actions.