问题标签 [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.
javascript - 使用 Raphael JS 创建文本节点
我使用 Raphael 构建了一些形状,现在我想在其中添加一些文本。但是,从示例看来,文本节点只能附加到纸上而不是 svg 形状?
是否可以创建内部具有不同文本的多个形状?
我使用的示例是:
javascript - 帮助构建 javascript 可视化应用程序
我正在使用http://raphaeljs.com/在页面上的画布元素上绘制一些矢量图形。
当我正在运行的另一个网站上发生事件时,我想以某种方式实时更新页面上的图形。
例如,当有人使用其他站点上的搜索工具时,我希望它在我的画布上显示。它是一种事件可视化练习。不同的事件将触发在画布上创建不同的视觉效果。
我的问题是如何构建应用程序。据我所知有两种方法
将事件保存在数据库中的某处,并使用 ajax 请求让画布应用程序查询并将它们添加到页面中。(我看到这个拉)
让事件以某种方式将数据发送到正在侦听传入请求的画布应用程序(我将其视为 PUSH)。
我想选择选项 2,因为我不想开始将东西存储在数据库中,然后再处理使用队列。我认为将东西发送到画布会更好。
有没有人对此有任何建议,以及我如何使用 JS 监听传入的请求。这甚至可能吗?
javascript - raphaeljs 的移动 Safari SVG 渲染问题
我正在使用raphael制作一个动画的交互式图表,我需要在 iPhone 上很好地工作。我有 2 个小渲染问题,我正在努力解决。
第一个是,每当您单击附加了单击处理程序的 svg 元素时,移动 safari 会在其周围绘制一个透明的灰色框以指示单击的内容。当您单击超链接时,它会执行相同的操作。在这种情况下,灰色框非常难看。是否有任何 css 属性告诉移动 safari 不要这样做?
第二个问题是动画。在任何动画的持续时间内,移动 safari 都会在 svg 画布上添加一个丑陋的黑色边框。它仅在动画进行时可见,并且仅在画布的底部和右侧边缘可见。知道如何解决这个问题吗?
这是使用 raphael 页面上的一个演示的复制和粘贴拍摄的,只有白色背景。
javascript - 使用 Raphael 处理用户输入
我想使用 Raphael Javascript 库编写一个简单的游戏,但一个问题一直萦绕在我的脑海中。
如何处理键盘输入?我浏览了参考资料,没有找到任何参考资料。你能简单地将标准的 JavaScript 按键方法传递给它吗?
javascript - 拉斐尔翻译动画疑难解答
我正在尝试使用 Raphael 制作一个小游戏,只是想对我正在处理的一些代码提供一些建议。
这是我到目前为止所拥有的,它只是一个在屏幕上移动圆圈的简单示例:
现在,我遇到的当前问题是它仅在第一次单击右箭头键时动画。我验证了“startx”随着一些跟踪调试而增加。
我从 Raphael circle example开始,并从ichart中混入了一点,所以我的方式可能不是最好的......我期待你的建议 :)
javascript - Raphael javascript中的偏移量在哪里
我真的很喜欢 Raphael Javascript 库,它对于使用 javascript 处理 SVG 非常有用。
但是有一个偏移值被添加到我不理解的生成的 svg 代码中。有谁知道它来自哪里以及如何避免它?
这是我的 JS 代码:
生成的 SVG 代码是
为什么rect的x和y属性是0.5而不是0?
更新:似乎这些值是用下面的代码四舍五入的:
有人知道原因吗?
raphael - 绘制 gRaphaeljs 饼图
我试图绘制 raphaeljs 饼图。我使用了与“ http://g.raphaeljs.com/piechart2.html ”上相同的示例。它为我呈现文本,但饼图不见了。有人可以帮忙吗?
请在下面找到代码。
path - 将标签放在 SVG 路径的“中心”
我正在尝试在 svg 文件的多边形上绘制标签。我面临的问题是大致找出这个多边形的中心来放置标签,因为路径的坐标是 svg 格式并且需要解析。有没有更简单的方法来确定 svg 多边形的中心(也许有人可以指出一个 javascript 库或片段)?我正在使用 Raphael javascript 库来操作 svg,但它似乎并没有超出标准的 svg 功能。
rotation - 如何使用 Raphael.js 旋转 div?
我是 Raphael 的新手,我真的被卡住了,我想用 Raphael 使用按钮旋转 div 及其内容。
理想情况下,我希望在单击按钮时有一个从 0 度到 -90 度的平滑动画,然后当再次单击按钮时,动画会反转。我想我会在鼠标单击时更改 id 或类,以便我可以对两个动画使用相同的按钮。那会是明智的吗?
我真的需要一些帮助,我的沙箱位于http://jsbin.com/isijo/,您可以在http://jsbin.com/isijo/edit进行编辑
非常感谢您的帮助。