计算两条路径的交叉面积
Raphaël 中只有一个 Raphael.pathIntersection(path1, path2) 实用程序库，而这个方法只能得到这两条路径的交点. 我需要的是交叉区域. 如下图，该方法只得到2分(用红圈标出).我希望同时有 2 个其他点(用蓝色圆圈标记.)形成交叉区域路径. 解决方案 这两点应该就是你所需要的.但是我不确定你为什么要相交.您要么需要知道面积(宽*高)，要
..
raphael相关内容
拉斐尔正在添加一个“dy"属性
我正在用 raphael 创建一个图像，它生成的 SVG for paper.text() 添加了一个 其中“number" 是基于 Attr(font-size:n) 的数字 有人可以告诉我这个数字是如何计算的，因为我需要知道，因为我使用 toJSON()(一个名为 ElbertF/Raphael 的 raphael 第三方插件将序列化数据发送到服务器
..
当鼠标悬停在元素上时，div 上的鼠标移动会发生变化
我想检测鼠标在支架 div 中移动时的位置.但是，当我将 mose 移动到支架 div 内的 SVG 元素上时，它将采用与此元素的相对位置，而不是支架 div.任何人都知道我如何防止这种情况?下面看我使用的代码: var R = Raphael("holder", canw, canh);$('#holder').mousemove(函数(事件){如果(鼠标移动){位置 = getPositio
..
在“Raphaeljs set"处设置一个id
我想将 id 设置为 Raphael 集，因为我想在事件点击后显示它. 这是我的套装: var divResult = document.getElementById('printResult');var space2Draw = Raphael(divResult, 1600, 900);var st = space2Draw.set();圣推(space2Draw.circle(new
..
拉斐尔移动套装
我使用两个矩形制作了一个烛台并制作了一组.然后我制作了 100 根烛台并将其做成了一套.当我尝试移动所有 100 个烛台时，它们要么都移动到一个坐标，要么都正确移动，但这些烛台都移动到了蜡烛的边缘. 如何移动整个集合，但保留烛台的内部变换? 解决方案 可以使用 "...Tx,y" 和 "Tx,你……"分别.在您的示例中，前置可能会更实用，因为您希望视图框中集合的绝对移动发生在基于每个
..
带集合的 Raphaeljs 变换
我有这 4 个矩形，每个矩形都应用了一些旋转变换.我将所有这些矩形放在一个集合中，然后对其应用变换.这样做会丢失单个矩形上的旋转变换.我不希望这种情况发生.我该如何解决这个问题? JS Fiddle 代码 window.onload = function(){var 纸 = 拉斐尔 (0,0,500,500);var rect01 = paper.set();纸.setStart();va
..
移动自定义字体不起作用
我正在尝试使用 raphael 的 print() 通过动画移动文本，但它不起作用: var paper = Raphael(document.getElementById("stage"), 640, 480);var text = paper.print(300, 200, "Test Text", paper.getFont("Yanone"), 50);文本动画({y:400}, 100
..
如何允许在 raphael 对象中输入文本，比如 rect?
我创建了一个 Raphael 矩形，如下所示:var rect1 = paper.rect(100,100,100,100) 现在，我希望当我点击矩形时会出现一个光标，并且允许用户输入/键入一些文本 我对 JS 和 Raphael 非常陌生. 解决方案 这不是 Raphael 的自然用法.主要将其视为绘图库.如果您查看 SVG 规范 或任何 演示 在 RaphaelJS 页面上
..
在 RaphaelJS 中更改文本
如何更改 RaphaelJS 创建的文本节点中的文本?首先，我正在使用 Raphael 创建一个带有文本字符串的新元素，稍后我想更改此文本.如果我不必重新初始化元素，那对我来说更容易，因为会附加大量属性，重新创建会很痛苦.有没有办法做到这一点?我的逻辑如下，但它不起作用；它只是为了提供有关我正在努力实现的目标的额外见解.谢谢 var R = Raphael("graph-o-matic", 10
..
RaphaelJS Set.forEach()
我在文档 raphaeljs 中阅读了 Set.forEach 的描述，并且可以'不明白这个怎么运作.请任何人都可以给我一个使用示例. 解决方案 这里有一个工作示例: http://jsfiddle.net/9X6rM/ 这是它的重要部分: set.forEach(function(e){e.attr({fill:'#000'})}) 一开始有点棘手，但是当你得到它时它非常
..
如何将文本添加到 raphael js 元素
我想在 raphael js 中向元素添加文本，我用 添加了文本 r.text(30, 20, "ellipse").attr({fill: color}); 但是如何将此文本添加到 ec = r.ellipse(190, 100, 30, 20); 问候 解决方案 Raphael 元素之间没有子/父关系，因此您将为它们设置相同的位置，例如 ec = paper.ellipse
..
拉斐尔的路径位置
如何使用 raphael js 更改路径位置? 很奇怪，明显的方法不起作用: var p = paper.path("一些路径字符串");p.attr("填充","红色");p.attr({x:200,y:100});//不工作 解决方案 使用 var p = paper.path("M10 10L90 90L10 90");p.attr("填充","红色");p.translate
..
如何使用 Raphael.js 旋转 div?
我是 Raphael 的新手，我真的被卡住了，我想用 Raphael 使用按钮旋转 div 及其内容. 理想情况下，我想要一个平滑的动画，当点击按钮时从 0 度到 -90 度，然后当再次点击按钮时，动画会反转.我想我会在鼠标单击时更改 id 或 class，以便我可以对两个动画使用相同的按钮.这会是明智的吗? 我真的很想帮忙，我的沙箱在 http://jsbin.com/isijo/
..
在 RaphaelJS 中制作 100% 宽度的图表?
我在 Flash & 中看到过图表基本上可以很好地适应浏览器的大小或它们内部的灵活元素的东西......我不太精通 raphaelJS 但你能做到这一点，如果是这样，怎么做? 解决方案 在 raphaeljs 中，您可以在 Raphael 对象上调用 .setSize 以更新其大小.为了适应浏览器窗口大小的运行时变化，您可以响应窗口大小调整事件.使用 jQuery，你可以这样做: //初
..
Raphael - 用鼠标绘制形状
为此使用鼠标绘制矩形或圆形的最佳方法是什么? 我刚开始看 raphael，看来我应该使用，拖动?还是 mousedown 和 mouseup ? 不确定. 解决方案 我会在你的画布/纸上使用 mousedown 和 mouseup 事件.在鼠标按下时，您应该存储鼠标按下时的 x 和 y 位置，然后在鼠标按下时您应该使用当前鼠标位置来计算宽度和高度. 这是一个例子，请记住我
..
RaphaelJS:创建点击元素?
我需要在多个可点击元素上叠加一个标签.我希望能够通过上面的标签点击一个元素. 这可能吗?如果是这样，我将如何做到这一点? 解决方案 在 Firefox, Opera 和 Chrome/Safari 你可以使用 pointer-events: none 在 style 属性中.我不确定它在 IE 中如何工作，它是 VML 而不是 SVG，您可能需要弄清楚如何适应 通过层将鼠标事件转发到
..
Protovis 是否应该像 RaphaelJS 一样在 IE 7、8 和 9 上工作?
我认为 Protovis 可能适用于 IE 7 和 8，或者至少适用于 IE 9.. 但令我惊讶的是，我在所有 3 个上都尝试了它，但它在任何一个上都不起作用(对于那些示例页面......它是一个临时的 JS 错误吗?)......它应该在 IE 上工作吗Raphael 呢?(即使在 IE 6 上，也很棒...) 我在 Protovis 网站上找不到任何支持的浏览器列表. 解决方案
..
用 Raphael JS 制作弧线动画在 Chrome 中摇摆不定
我在我的动画中看到一个恼人的摆动，我已经删除了包含实际动画的代码: var side = 400;var paper = new Raphael($(this), 100, side);paper.customAttributes.arc = function (xloc, yloc, value, total, R) {var alpha = 360/总计 * 值，a = (90 - alph
..
为什么拉斐尔的帧率在这段代码上变慢了?
所以我只是使用 Raphael JS 做一个基本的轨道模拟器，在那里我画一个圆圈作为“星星"，另一个圆圈作为“行星".它似乎工作得很好，一个障碍是随着模拟的继续，它的帧率逐渐减慢，直到轨道运动不再显得流畅.这是代码(注意:仅使用 jQuery 来初始化页面): $(function() {var paper = Raphael(document.getElementById('canvas'),
..
在Raphael中委派拖动功能
我希望使用Raphael拖动包含文本对象的形状(在下面的示例中为椭圆)，同时拖动形状或文本.我希望通过设置传递给文本元素的 drag()方法的函数来委托给关联的形状来做到这一点(尝试对 obj.addEventListener不是函数". 我是javascript的新手，所以我可能犯了一个非常明显的错误，但是我找不到它.我是否在委托函数 moveText ， dragText 和 upTex
..