问题标签 [raphael]

我使用 Raphael 构建了一些形状，现在我想在其中添加一些文本。但是，从示例看来，文本节点只能附加到纸上而不是 svg 形状？

是否可以创建内部具有不同文本的多个形状？

我使用的示例是：

我正在使用http://raphaeljs.com/在页面上的画布元素上绘制一些矢量图形。

当我正在运行的另一个网站上发生事件时，我想以某种方式实时更新页面上的图形。

例如，当有人使用其他站点上的搜索工具时，我希望它在我的画布上显示。它是一种事件可视化练习。不同的事件将触发在画布上创建不同的视觉效果。

我的问题是如何构建应用程序。据我所知有两种方法

1. 将事件保存在数据库中的某处，并使用 ajax 请求让画布应用程序查询并将它们添加到页面中。（我看到这个拉）

2. 让事件以某种方式将数据发送到正在侦听传入请求的画布应用程序（我将其视为 PUSH）。

我想选择选项 2，因为我不想开始将东西存储在数据库中，然后再处理使用队列。我认为将东西发送到画布会更好。

有没有人对此有任何建议，以及我如何使用 JS 监听传入的请求。这甚至可能吗？

我正在使用raphael制作一个动画的交互式图表，我需要在 iPhone 上很好地工作。我有 2 个小渲染问题，我正在努力解决。

第一个是，每当您单击附加了单击处理程序的 svg 元素时，移动 safari 会在其周围绘制一个透明的灰色框以指示单击的内容。当您单击超链接时，它会执行相同的操作。在这种情况下，灰色框非常难看。是否有任何 css 属性告诉移动 safari 不要这样做？

第二个问题是动画。在任何动画的持续时间内，移动 safari 都会在 svg 画布上添加一个丑陋的黑色边框。它仅在动画进行时可见，并且仅在画布的底部和右侧边缘可见。知道如何解决这个问题吗？

这是使用 raphael 页面上的一个演示的复制和粘贴拍摄的，只有白色背景。

根据这篇博文，Netbeans 应该支持 Javascript 类型推断。并且 Javascript 支持应该内置到 Netbeans 编辑器中。但是，当我将 HTML 文件添加到一个简单的 Java 项目中并使用Raphael javascript 库<script src="..."/>时，Netbeans 似乎无法识别该库。即使是非常简单的完成，比如检测Raphael窗口对象中的新功能也不起作用。

例如：

我想使用 Raphael Javascript 库编写一个简单的游戏，但一个问题一直萦绕在我的脑海中。

如何处理键盘输入？我浏览了参考资料，没有找到任何参考资料。你能简单地将标准的 JavaScript 按键方法传递给它吗？

我正在尝试使用 Raphael 制作一个小游戏，只是想对我正在处理的一些代码提供一些建议。

这是我到目前为止所拥有的，它只是一个在屏幕上移动圆圈的简单示例：

现在，我遇到的当前问题是它仅在第一次单击右箭头键时动画。我验证了“startx”随着一些跟踪调试而增加。

我从 Raphael circle example开始，并从ichart中混入了一点，所以我的方式可能不是最好的......我期待你的建议 :)

我真的很喜欢 Raphael Javascript 库，它对于使用 javascript 处理 SVG 非常有用。

但是有一个偏移值被添加到我不理解的生成的 svg 代码中。有谁知道它来自哪里以及如何避免它？

这是我的 JS 代码：

生成的 SVG 代码是

为什么rect的x和y属性是0.5而不是0？

更新：似乎这些值是用下面的代码四舍五入的：

有人知道原因吗？

我试图绘制 raphaeljs 饼图。我使用了与“ http://g.raphaeljs.com/piechart2.html ”上相同的示例。它为我呈现文本，但饼图不见了。有人可以帮忙吗？

请在下面找到代码。

我正在尝试在 svg 文件的多边形上绘制标签。我面临的问题是大致找出这个多边形的中心来放置标签，因为路径的坐标是 svg 格式并且需要解析。有没有更简单的方法来确定 svg 多边形的中心（也许有人可以指出一个 javascript 库或片段）？我正在使用 Raphael javascript 库来操作 svg，但它似乎并没有超出标准的 svg 功能。

我是 Raphael 的新手，我真的被卡住了，我想用 Raphael 使用按钮旋转 div 及其内容。

理想情况下，我希望在单击按钮时有一个从 0 度到 -90 度的平滑动画，然后当再次单击按钮时，动画会反转。我想我会在鼠标单击时更改 id 或类，以便我可以对两个动画使用相同的按钮。那会是明智的吗？

我真的需要一些帮助，我的沙箱位于http://jsbin.com/isijo/，您可以在http://jsbin.com/isijo/edit进行编辑

非常感谢您的帮助。