标签: raphael

是否可以为raphael元素定义自定义属性？

例如

r.circle(25,50,10).attr({fill:'#b71e16', stroke:'#71140f', 'my_custom_attribute':'a value'});

我需要这个的原因是我想在一整套元素上做一些相当复杂的动画,我想在某处存储每个元素的原始y坐标.

D3中是否有相应的Bubble Tree实现？在我提供的链接中,Bubble Tree是在RaphaelJS和jQuery中实现的.

我正在使用raphaeljs,我想在svg中显示html(不仅是文本),

所以我使用这段代码:

var r = Raphael("holder", 200, 300);
var t = r.text(10, 10, "ssdwqdwq");
t.node.innerHTML='dddd'

但我不能改变svg的内容,所以我在firebug中安装它,

console.log(t.node)

它显示了这个:

<text x="10" y="13.5" text-anchor="middle" style="font: 10px "Arial";" font="10px "Arial"" stroke="none" fill="#000000">

所以如何在svg上使用javscript更改文本

谢谢

我已经看过几个线程来解决这个问题,但没有什么可以解决我的问题.我有一个带有地图和不同地区的SVG文件(http://www.mediafire.com/?5pmyevdwbyrb51f).我想做这样的事情:http://raphaeljs.com/australia.html.

但问题是我如何转换文件,以便在脚本中工作？我如何获得这些坐标？我已经尝试了几个转换器等,但我必须吮吸这个'因为我无法让它工作.也许有人可以帮忙吗？

我有一个相当大的行政细分SVG文件,我需要在Raphael.JS中使用它(它有600个多边形,权重1.2 Mb).

现在,我需要将这些多边形转换为路径,以便它在Raphael中工作.伟大的poly2path工具可以做到这一点,但它不支持任何批处理命令,因此每个多边形相对于其他多边形的位置都会丢失.

您知道任何将SVG多边形转换为路径的工具吗？(我也有用于导出SVG的AI文件).

非常感谢

在实例化Raphael文本后就这样了

var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!");

我该如何修改该文本呢？

t.text = "test"; 不适合我.

我正在使用Raphael js绘制带圆圈的数字.问题是每个数字都有不同的宽度/高度,因此使用一组坐标使文本居中不起作用.文本在IE,FF和safari之间显示不同.有没有动态的方法来找到数字的高度/宽度并相应地居中？

这是我的测试页面:

http://jesserosenfield.com/fluid/test.html

和我的代码:

function drawcircle(div, text) { 
    var paper = Raphael(div, 26, 26); //<<
    var circle = paper.circle(13, 13, 10.5);
    circle.attr("stroke", "#f1f1f1");
    circle.attr("stroke-width", 2);
    var text = paper.text(12, 13, text); //<<
    text.attr({'font-size': 15, 'font-family': 'FranklinGothicFSCondensed-1, FranklinGothicFSCondensed-2'});
    text.attr("fill", "#f1f1f1");
}

window.onload = function () {
    drawcircle("c1", "1");
    drawcircle("c2", "2");
    drawcircle("c3", "3");
};

非常感谢!

是否有一个很好的Graphael教程(特殊折线图),我目前正试图用grafael http://www.highcharts.com/demo/?example=line-time-series&theme=default实现这样的图表,遗憾的是没有文档.

我没有指定拉斐尔画布的宽度和高度,而是需要它的容器大小的100%.所以我可以做一个Raphael("容器",containerElement.width,containerElement.height)并设置onresize函数来重置这些值.但随着我调整窗口或容器的大小,内容变得非常激动和忙乱,因为滚动条(我想要它,如果它变得太小)闪烁进出.

这是将Raphael的画布绑定到容器的整个尺寸的正确方法吗？我还想提供让Raphael画布"全屏"占据整个浏览器窗口的选项.

我几天前开始使用Raphael.js,我真的很享受它.我唯一无法弄清楚的是如何让"paper"或svg/vml标签像swf一样填充浏览器窗口.看这个例子.

请注意上面的示例使用浏览器窗口调整大小的方式

我能够通过浏览器窗口调整"纸张",但没有运气让所有矢量图形调整它们的大小.任何反馈将不胜感激.

编辑

我尝试了一堆不同的路线.viewBox工作得很好但只有它的SVG.我只想知道如何使用Raphael集和window.onresize事件上的一些代码来做到这一点.我会在今晚或明天晚些时候发布我的发现.如果有的话,我还是真的希望看到问题的其他解决方案.