问题标签 [raphael]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7183 浏览

javascript - 使用 Raphael JS 创建文本节点

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

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

我使用的示例是:

0 投票
1 回答
105 浏览

javascript - 帮助构建 javascript 可视化应用程序

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

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

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

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

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

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

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

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

0 投票
1 回答
3004 浏览

javascript - raphaeljs 的移动 Safari SVG 渲染问题

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

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

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

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

0 投票
1 回答
950 浏览

netbeans - 在 Netbeans 中支持 Raphael Javascript 库

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

例如:

0 投票
1 回答
1309 浏览

javascript - 使用 Raphael 处理用户输入

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

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

0 投票
1 回答
1215 浏览

javascript - 拉斐尔翻译动画疑难解答

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

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

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

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

0 投票
2 回答
1243 浏览

javascript - Raphael javascript中的偏移量在哪里

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

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

这是我的 JS 代码:

生成的 SVG 代码是

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

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

有人知道原因吗?

0 投票
2 回答
2498 浏览

raphael - 绘制 gRaphaeljs 饼图

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

请在下面找到代码。

0 投票
3 回答
15347 浏览

path - 将标签放在 SVG 路径的“中心”

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

0 投票
3 回答
9402 浏览

rotation - 如何使用 Raphael.js 旋转 div?

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

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

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

非常感谢您的帮助。