问题标签 [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 投票
2 回答
1364 浏览

javascript - Raphael JS库如何在多行上禁用文本移位

默认情况下,将文本对象添加到纸张时,Raphael javascript 库将文本围绕 y 点居中。它基本上采用高度并将其除以 2 并将文本附加到新的 y 坐标。我正在寻找一种不同的行为,即使您添加多行,文本也会保持在相同的坐标。

我想知道是否有人有干净的方法来改变这种行为。我可以在源代码中修改它,但我不想在新版本出现时不断维护它。

谢谢!

0 投票
2 回答
2944 浏览

javascript - 如何使用 JavaScript 和 Raphael JavaScript 库停止元素重叠

我正在使用 Raphael JavaScript 库生成多个随机大小的圆形元素,但是因为它是随机的,所以许多圆形元素会产生重叠或相互覆盖。我想知道的是,JavaScript 有什么方法可以判断一个元素是否已经处于特定位置以避免重叠?本质上,我想在画布上创建不重叠或不相互覆盖的随机大小的随机元素。

我在这里创建了几个测试文件,让您了解我在做什么。第一个生成随机对象,第二个链接将它们设置为网格以停止重叠。

http://files.nicklowman.co.uk/movies/raphael_test_01/

http://files.nicklowman.co.uk/movies/raphael_test_03/

0 投票
2 回答
3002 浏览

javascript - 具有数千条路径/矩形的 RaphaelJS 的性能

我真的只关心 Webkit,但总的来说,Raphael JS 在构建数千个矩形时是否有望表现良好?

此外,我需要能够处理每个矩形(yipes)上的事件。

我有一个可行的 C++ 解决方案,但我宁愿使用 RaphaelJS。

谢谢 :)

0 投票
2 回答
1226 浏览

svg - RaphaëlJS、dojo.gfx、JSXgraph 比较

我将为浏览器应用程序构建一个简单的数学图。因此,所有 JS-Vector 库都可能运行良好。但我想知道你使用这些收集到的任何经验。对我来说,一个基本功能是将事件绑定到路径和点以及动画路径。

此外,我在想他们如何掌握未来。我可以想象将我的绘图导出为图像或导入 SVG 图形。有没有人经历过这种情况?在 iPhone 等移动硬件上运行它们怎么样?

0 投票
1 回答
5206 浏览

javascript - 如何使用 Raphael 和 jQuery 检测 IE 上的单击或鼠标按下

可能重复:
Raphaeljs 和 Internet Explorer,单击元素时出现问题

我试图找到一种方法来在鼠标单击从 Raphael JS 生成的某些文本时触发事件。在 Firefox 中,click 事件完美运行,在 IE 7 和 8(我没有测试过早期版本)中,click 和 mousedown 都不起作用。Click 适用于其他 raphael 对象,例如示例中的矩形。

如何在以下演示中给出的文本上触发事件:

我的直觉是我可能不得不尝试操纵 DOM 以将文本包装在例如 A 元素中并在其上进行绑定。这似乎不是最干净的解决方案,所以我在这里询问是否有人有替代方法。

0 投票
1 回答
162 浏览

jquery - 在变量/参数中定义变量并在javascript中使用?

我想在 CSS 中定义一个变量/参数并通过 javascript 访问它。这样做的最佳方法是什么?

我想到的一个选择是在body元素上放置一个 cutsom 属性,然后通过 jQuery 访问该属性。

更多信息:我在 CSS 中定义颜色集。我用 RaphaelJS 创建了一个函数来在页面上绘制渐变背景。我希望此函数使用将在 CSS 中与其他颜色元素一起定义的高亮颜色(在 DOM 的其他地方未使用)。

谢谢

0 投票
1 回答
1131 浏览

text - 目标 iframe Raphael Js

我一直在尝试使用 Raphael JS 来定位 iframe

这是一些示例代码

var c = paper.circle(10, 10, 10); c.attr({href: " http://google.com/ ", target: "top"}); v

var t = paper.text(250, 50, "Raphaël\nkicks\nbutt!"); t.attr({href: " http://google.com/ ", 目标: "_blank"});

也..不能让href与文本一起工作 t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); t.attr({href: " http://google.com/ ", 目标: "_blank"});

0 投票
1 回答
989 浏览

flash - SVG -- Flash 应用程序的替代品

我们目前正在研究在 Web 应用程序中开发基于 Flash 的应用程序(使用 Flex)。我们现在倾向于使用 SVG rapheljs来开发这个组件。问题是:

  1. SVG平台是否仍然被浏览器广泛采用(没有任何插件)至少需要8-10个月的时间,浏览器是否有望采用?跨浏览器支持对我们来说是上帝。

  2. SVG是否可以在短时间内替代基于动画的编程而不是Flash

任何意见将不胜感激...

0 投票
1 回答
7764 浏览

javascript - Raphael js在具有指定类的所有元素中绘制圆圈

我刚刚发现了 Raphael,并且很喜欢它,但我并不是一个 javascript-er。现在我有三个重复的代码部分来在三个不同的 div 中绘制同一个圆圈。在 Raphael 中制作画布的默认设置是通过 ID 查找元素,但我希望有一组变量在所有具有“circle”类的 div 中绘制圆。我认为必须有一种更有效的编码方式。这是我现在使用的代码:

测试站点是@http://jesserosenfield.com/fluid/test.html

非常感谢你的帮助!

0 投票
4 回答
21380 浏览

html - Raphael js 文本定位:将文本居中在一个圆圈中

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

这是我的测试页面:

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

和我的代码:

非常感谢!