7

Raphael JS 2 で複数のパスの変換を適用または「ベイク」して、それらを 1 つのパスに結合できるようにしたいと考えています。

これは、すべての「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 フレームワークがパス座標を絶対位置に変換し、その過程で変換行列を削除できることを理解しています。

答えが得られなかったいくつかの関連する質問：

4

2 に答える 2

7

これがあなたのためにすべての変換を適用するjsFiddleです：http：//jsfiddle.net/ecmanaut/cFSjt/

Raphaelが自分で入力したツールの一部またはすべてを公開している可能性がありますが、そうでない場合は、これらのツールがうまく機能します。より多くの非パス要素（グループ、四角形、円、楕円など）も必要な場合は、最初にそれらをパス要素に変換します（たとえば、 pathifyを使用）。

于 2012-07-09T06:15:16.483 に答える
0

この jsFiddle で部分的な解決策を見つけることができます: http://jsfiddle.net/X6YNm/1/

//include whoa font, and raphael
paper = Raphael('holder');
var text = paper.print(300, 50, 'Foo', paper.getFont('whoa'), 50, 'baseline');
var path = new Array();
for ( var i = 0; i < text.length; i ++ ) {
   path[i] = paper.path(Raphael.pathToRelative(text[i].attr('path')));
   path[i].attr({ fill: 'red' }).translate(i * 250, 300);
}

元のセットの各文字に基づいて、新しいパスを作成します。ただし、フィドルは文字を正しく配置しません。

Raphael google グループに関するいくつかの関連する議論: Google グループの議論はこちら: https://groups.google.com/d/msg/raphaeljs/OP29oelR5Eg/zPi5m6rjsvIJ

于 2012-02-06T22:56:52.247 に答える