问题标签 [raphael]

我正在开发一个 Raphael JS 项目，需要显示一些透明的 PNG，只有不透明的部分可以点击。有没有办法：

• 鼠标点击后，拉出当前位置的 alpha。或者
• 生成可用于定义可点击区域的路径（即http://raphaeljs.com/australia.html）

我正在编写一个应用程序，让用户使用 Raphael.JS 生成图像。我想要的次要功能之一是生成 Raphael 画布的 PNG。

这是我脑海中的一般管道：

1. 用户输入参数
2. 我们使用 Raphael 调用生成 JS
3. 我们生成一个执行上述操作的 JS 包装器，并在包含的 div 上调用 .innerHTML，为我们提供 SVG（然后我们将其发送到某个地方）
4. 我们执行 JS 包装器
5. SVG 被发送到 ImageMagick 并弹出一个 PNG

第 4 步是我需要一些指导的步骤。用户可能正在使用 IE；我们不能保证 JS 曾经在 SVG 浏览器中执行过。在任何情况下，我们都需要它在服务器端运行以使其可靠。所以这是我到目前为止提出的三种可能性：

• 在服务器上安装 Firefox 并在 Firefox 中运行（3）的结果。这个选项很糟糕，因为安装 FF 意味着在我们的服务器上安装一堆 X 东西，运行 FF 会带来很多开销，而且我真的不想在跟踪进程并在完成后将其杀死。
• 使用 Node.js + jsdom ( http://github.com/tmpvar/jsdom )。这里的缺点是尚不清楚 jsdom 的支持程度——所谓的站点 jsdom.org 并不真正存在。另外，我找不到任何文档。
• 也许和犀牛做点什么？据我所知，Rhino 对 DOM 的支持比 Node.js 还要少。

所以......所有这三个选项都很糟糕。我认为。我错了吗？还有其他方法吗？

我可以将 Raphael.js 画布放在IMG元素上吗？我应该怎么做才能使这个布局起作用？

我正在做一些教学练习，使用 XSLT、Javascript 和 Raphael 将 XML 转换为 SVG。我敢肯定，这是一条艰难的道路……但它具有教育意义。

我遇到的问题是创建工具提示。到目前为止，我已经找到了三种方法来做到这一点：

1. 第一种方法是.attr({title: "blah"{)在对象上使用。可以，但是Raphael官方不支持，而且我想在tooltip里放的内容可能有点长，这是人家OS还没读完tooltip就超时的问题。
2. 我发现的第二种方法是这里的功能。当鼠标悬停时弹出 Raphael 对象可以正常工作，但是，据我所知，弹出一个看起来正常的工具提示是不可能的。
3. 使用jquery 工具提示插件。这似乎不起作用。我无法让 Raphael 将 title 属性添加到对象并让它选择该标题。不知道为什么。

所以，我想知道的是，什么是向 Raphael 对象添加工具提示的简单可靠的方法，这样当人们将鼠标悬停在对象上时它们会弹出，当鼠标移出时会消失（但不是之前）？

我创建了一个#logo由较小的#circleDIV &组成的 DIV h1。#circle充当我的 Raphael.js 对象（一个圆圈）在其中呈现的 DIV/画布。我的目标是做到这一点，当用户将鼠标悬停在DIV#logo上时，Raphael.js 圆圈h1将获得动画效果，但我遇到了一些问题.

• 由于某种原因，我的 Raphael.js 圆对象.attr()在 jQuery.hover() handlerIn鼠标事件期间没有获得动画方法。改变会立即发生。

• 此外，在handlerOut活动期间，Raphael.js 圈子根本没有.attr()应用其方法。它只保留在事件.attr()期间应用到它的属性handerIn

我的这个问题示例的代码位于此处。您可以单击该页面上的预览（右上角）以查看正在运行的代码。

我无法让 Raphaël 在 UIWebView 中工作。

我用这个内容加载了一个简单的 HTML 网页：

如果我在模拟器上使用 Safari 打开此页面，我会收到带有一些版本信息的警报。

当我启动应用程序并加载 HTML 时，我没有收到警告，这表明一些 JavaScript 错误 - 但我无法读取它，因为 UIWebView 没有输出。

谁能重现这个问题？

有谁知道为什么会发生这种情况？非常感谢您的帮助。

如何更改 RaphaelJS 创建的文本节点中的文本？首先，我正在使用 Raphael 创建一个带有文本字符串的新元素，稍后我想更改此文本。如果我不必重新初始化元素，这对我来说会更容易，因为会附加大量属性，重新创建会很痛苦。有没有办法做到这一点？我的逻辑如下，但它不起作用；它只是为了提供关于我想要实现的目标的额外见解。谢谢

我在使用 Raphael 获得一个在 IE8 中工作的简单文本链接时遇到了很多麻烦。我想要表现得像普通链接的文本。我在下面包含了一些我一直在玩的代码。

• 通过使用悬停功能和 document.body.cursor 将光标变为手形
• 单击功能仅在单击实际文本像素时起作用 - 单击字母之间的间隙没有任何作用
• 以上问题也影响hover

我是否需要在文本后面添加一些元素，一个矩形/边界框，来处理鼠标？有任何想法吗？这个问题只存在于 IE8 中，如您所知，它通过 Raphael 使用 VML。

这是代码：

我有一个页面，我使用 Raphael.js 实际上允许用户在具有背景图像的画布周围移动一个点。我要做的是捕获画布的最终图像，在用户单击“确认位置”按钮后，我将能够看到用户放置点的位置。我想到了两种方法，但是我不太确定如何执行它们。

方法1：只需将画布捕获为图像。不知何故，仅使用 Javascript 是不可能的，我不太确定 Raphael 是否有内置函数来允许这样做。我还阅读了有关导出 svg xml 文件并将其传递给像“Batik”这样的库的信息，但是我不完全确定该怎么做。我读过的教程真的很混乱。

方法2：使用点的坐标，将我已有的点图像叠加到背景图像上，并将其保存为图像。

请建议，我希望我已经清楚了。

我刚刚开始使用 Canvas 的项目。但我需要做的一件事是跟踪可移动的、可点击的框，如本例所示：http ://raphaeljs.com/graffle.html所以我想知道 Raphael-js + SVG 是否会更好。

你会用哪个？为什么？