我对 SVG 和 Raphael 还很陌生，但我已经使用 Illustrator 多年了，所以我对其工作原理有一些假设。我想组合两个应该返回单个元素的路径。
我需要制作一个对话气泡，但它实际上可以是任何东西。在这种情况下，我尝试制作两个rect，一个是圆角，另一个是方形rect被旋转了。看起来不错，但当我尝试移动对话气泡时，由于 45 度旋转，旋转的元素向错误的方向移动。
如何组合路径，以便以后可以像单个元素/路径一样进行操作？
干得好DEMO http://jsfiddle.net/CHUrB/336/
var paper = Raphael('canvas',400,400),
r1 = paper.rect(100,100,200,100).attr({fill:'black'}),
r2 = paper.rect(130,130,140,40,5).attr({fill:'white','stroke':'white'}),
r3 = paper.path("M200 170L240 170 220 180z").attr({fill:'white', 'stroke':'white'}),
p = paper.set(r1,r2,r3);
// the rest of the code is in the demo
请注意，通过以下方式创建三角形更容易path()不用担心旋转。
祝你好运 ;）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
