255得票14回答
jQuery SVG与Raphael的比较

我正在使用SVG和JavaScript/jQuery制作交互式界面,我正在尝试在Raphael和jQuery SVG之间进行选择。我想知道: 两者之间的权衡是什么 开发动力似乎在哪里。 我不需要Raphael中的VML/IE支持,也不需要jQuery SVG的绘图功能。我主要关注的是在...

102得票3回答
如何使用JavaScript访问SVG元素?

我正在尝试使用SVG,并希望能够在Illustrator中创建SVG文件并使用JavaScript访问元素。 这是Illustrator生成的SVG文件(它似乎还在文件开头添加了一堆垃圾,我已经删除了): <?xml version="1.0" encoding="utf-8"?&g...

68得票6回答
SVG重排序z-index(Raphael可选)

我如何在 Raphael 或其底层的 SVG 元素创建后重新排序它们?更好的做法是,SVG 中是否存在类似图层的东西? 理想情况下,我希望有两个或更多的图层,可以随时将元素放置在其中;一个背景图层和一个前景图层。如果那不是一个选项,将元素移到前面会很好,将其推到后面在这种特殊情况下会更好。 ...

54得票4回答
D3.js与Raphael.js的比较

我对d3和Raphael都很着迷。我知道Raphael是跨浏览器兼容的,但不确定哪一个更适合哪些情况。请问有人能够解答一下吗?我目前的使用场景可能是使用SIMILE时间轴,并将其与状态图集成(我打算使用d3 / Raphael)。谢谢!

46得票4回答
Raphael JS 和文本定位?

我正在尝试通过提供x,y坐标在SVG画布内部定位文本。 var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); 但是它不像其他对象一样定位文本... x,y坐标指定对象的中心!而不是最左侧和最上方的像素! 我想要将文本"左对齐"到...

43得票4回答
如何在Raphael JavaScript库中合并对象?

抱歉问题比较长,但我会在这里解释。我试图修改拖动形状的演示程序: http://raphaeljs.com/graffle.html 演示程序运行良好。 我想做的是将单词放在形状内并将形状和文字移动为一个组合单一对象。 以下是创建对象的代码:window.onload = functio...

38得票6回答
如何使用JavaScript的innerHTML更改SVG文本标签

我正在使用raphaeljs,并且希望在svg中显示html(不仅是文本)。因此,我使用了以下代码: var r = Raphael("holder", 200, 300); var t = r.text(10, 10, "ssdwqdwq"); t.node.innerHTML='dddd...

37得票2回答
使用JavaScript编程创建SVG图像元素

就像标题所说的那样,我正在尝试使用JavaScript在HTML页面中编程创建SVG图像元素。但是我的基本JavaScript代码出了一些问题,然而如果我使用raphaeljs库,它就可以正常工作。因此,显然我的JS存在问题-我只是无法弄清楚问题出在哪里。 (请注意:目标浏览器为FF4+) ...

35得票6回答
如何识别鼠标悬停事件对象是否来自触摸屏触摸?

在几乎所有现代浏览器上(详见patrickhlauke在github上的细节,我在SO答案中也有总结,还有一些来自QuirksMode的更多信息),触摸屏幕会触发mouseover事件(有时会创建一个不可见的伪光标,在用户触摸其他地方之前停留在他们触摸的位置)。 有时,这会导致不希望出现的行...

35得票4回答
SVG中的可拖动和可调整大小元素

我想使一个 SVG 元素(路径、矩形或圆)可以被拖动,并同时提供调整大小的手柄。 但与 HTML DOM 不同,不是所有的元素都有左上角的 x,y 坐标和围绕内容的盒子的宽度和高度。这使得制作通用的调整大小或拖动过程不方便。 有没有将每个路径或圆圈绘制在自己的 SVG 对象中以给我一个可操...