个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
我想在 Raphael JS 2 中应用或“烘焙”几个路径的转换，这样我就可以将它们组合成一个路径。
这是一个示例路径，我希望将“transform”属性应用于所有“d”坐标。
<path style="" fill="#000000" stroke="none" d="M150,-265C182,-275,171,-220,180,-194L178,-194C181,-192,180,-185,181,-180C211,-169,282,-173,306,-166C308,-169,316,-171,315,-165C268,-157,225,-148,184,-137C188,-118,186,-96,190,-79L282,-131C289,-131,296,-135,297,-126C293,-118,271,-105,236,-80C190,-48,155,-20,125,-6C112,-15,115,-34,111,-51C121,-70,108,-107,107,-133C70,-132,-5,-126,0,-157C18,-170,39,-181,64,-191C75,-190,92,-181,100,-185C99,-198,95,-211,89,-225Z" transform="matrix(0.1389, 0, 0, 0.1389, 291.91, 235.465)" stroke-width="7.199999999999999">
我了解到svg-edit框架可以将路径坐标转换为绝对位置，并去除过程中的变换矩阵。
一些相关的问题，我无法从中得到答案:
最佳答案
这是一个为您应用所有转换的 jsFiddle:http://jsfiddle.net/ecmanaut/cFSjt/
Raphael 可能公开了我自己填写的部分或全部工具，但如果没有，这些工具也能很好地发挥作用。如果您的需求也涵盖更多非路径元素(如组、矩形、圆、椭圆等)，请先将它们转换为路径元素(例如使用 pathify )。
关于javascript - 如何将变换矩阵应用于 Raphael JS 2 中的路径坐标？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8350254/
25
4
0
使用 Raphael，我可以使用以下代码获取对元素的 DOM 对象的引用: element.node 如何获取链接到 DOM 对象的元素？换句话说，上面函数的逆函数(例如 DOMobject.ele
我一直在尝试在集合中嵌套集合，但无济于事。 这个概念来自 photoshop，您可以在其中将元素分组到一个文件夹/集中，然后将它们嵌套到另一个文件夹/集中。 我正在尝试轻松地将两组或更多组合并为一组，
我正在尝试绘制一个矩形，每条边(不在角落)有 4 个连接点。像这样: 因为稍后我需要对它们使用鼠标事件。 最佳答案 是this你在找什么？ 关于raphael - 使用 Raphael 绘制带连接点的
您好，我正在按照此页面上的教程进行操作: http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphae
var paper = new Raphael("holder", 320, 200); function testPaper(){
使用 Raphael 2.0 ，我试图以相对于集合中所有对象的方式将变换应用于一组对象。但是，我得到的效果是，无论集合中的其他对象如何，变换都单独应用于每个项目。 例如:http://jsfiddle
我想随着鼠标在纸上的移动画一条线。我只知道如何使用 path 画线。但是想知道是否有人有想法与 mousemove 一起画线。请帮我解决这个问题。 最佳答案 这里有一个使用 raphael 的例子的链
我需要使用 raphael.js 绘制各种大小的同心圆弧。我试图理解背后的代码 http://raphaeljs.com/polar-clock.html ，这与我想要的非常相似，但是，没有评论，很难
我想让堆叠条形图的每个部分(在我的例子中是水平的)都可以单击到特定的超链接(基本上是“向下钻取”)。我认为 g.bar.js 中没有这个功能，但是有人这样做过或者可以为我指出正确的方向吗？在点图上也很
我想用按钮点击事件显示/隐藏我的 raphael svg 图 请知道该怎么做的人。请帮助我 我尝试通过这种方式来做，但它不起作用。 var p = Raphael(900,70,200,200); p
我找不到简单答案的简单问题。 如何查看 Raphael 元素的完整当前人类可读(非矩阵)变换状态，无论该元素的变换状态是否设置或如何设置? 例如，使用 element.transform() 不会为您
我一直在使用raphael.draggable与我目前正在 build 的项目。我已经升级到raphael 2.0现在插件似乎停止工作了，我不知道为什么。 我得到的错误信息是: paper.dragg
我需要检索在 Raphael 中绘制的路径末端的 X/Y 坐标。我找到了一种通过在 SVG 浏览器中自省(introspection)路径的方法，但这种方法在 VML 浏览器中不起作用。 例子: va
我正在将 Raphael 与 Meteor 一起使用，但遇到了问题。我正在创建一个 paper通过使用 var paper = Raphael("paper", 800, 600);如果我将此代码放在
我正在研究项目要使用什么图形，Raphael.js 成为了最佳竞争者。但是，在阅读示例代码和文档时，它显示 Raphael 创建了一个 Canvas (通过 homepage 上的 paper 变量)
出于某种原因，我可以使用矩形变量而不是圆形来使用它。 目前，此代码允许两个圆圈独立拖动，但不能一起拖动 有人知道如何解决这个问题或其他方法吗？ addIntermediateSymbol = func
我很难在 Raphael.js 中调整 Canvas 的大小。我以为我可以简单地使用: var paper = Raphael("paper", 100, 100); 这将使用 ID“纸”创建一个宽度
我想使用 raphael.js 渲染 ember.js View 或 d3.js .我的理解是it is possible to do this ，但在阅读了所有文档和谷歌搜索后，我似乎无法弄清楚如何
我认为所有这些基本上都非常酷，并且熟悉它们的明显差异(SVG 与 Canvas )，但我不确定它们在开发时间、性能和支持方面的潜在差异、优势或限制。 最佳答案 我体验过 Processing 作为一个
我最近使用 d3.js 实现了一些数据可视化，我现在正试图让它适用于 Internet Explorer 浏览器版本 7 及更高版本。让它工作的常见建议是将 d3.js 与 raphael.js 结合
我是一名优秀的程序员,十分优秀！