2011-08-24 18 views
5

SVG 1.2仕様(http://www.w3.org/TR/2004/WD-SVG12-20040226/#text-edit)に記載されているように、RaphaëlJSでsvgテキストを編集可能にする方法はありますか?Raphaëlの編集可能なテキスト

textelement.attr("editable", "true"); 

は私が期待した通りのTextElementに編集可能な属性を追加しません。私はHTMLのtextelementsをホバリングで動作する必要があります推測する方法がない場合は

...

+0

どのブラウザをサポートする必要がありますか? –

+0

Raphaëlがサポートしているすべてのブラウザがありますが、私はすべてのsvgテキスト要素をhtml入力に置き換えることになるので、解決策はないと思います。 –

+0

誰かがテキストをクリックしてテキストを置き換えると、新しく入力された。ドミトリーにそれを実装するように依頼してください:-) –

答えて

2

ラファエルは100%SVGの実装ではありません。 SVG & VMLのみをベースとして使用します。したがって、何かがうまくいくかもしれませんが、他の人はあなたが期待している通りに動作しないし、何かが全く動作しない場合もあります。

+2

プロジェクトのこの時点で、すべてのsvgテキスト要素をhtml要素に変更するとかなりの時間がかかる可能性がないことを確認したいだけです –

3

リンク先の仕様は作業中の草案です(進行中の作業、変更される可能性があります)。しかし、SVG Tiny 1.2 specはほとんどsame thingであり、w3c勧告です。もちろん、それはすべての実装を魔法のようにするものではありませんが、少なくとも安定しています。

svgテキスト要素で'editable'をサポートする実装を探している場合は、Operaがその一例です。

+2

Raphaëlをベースにしたソリューションを探しています。その方法は –

+0

です.textelementは、グラフィカルなElementオブジェクトであると仮定して、 'textelement.node.setAttribute(" editable "、" simple ")を使うことができます。しかし、それはあなたにこれまでのところしか得られません。そう、一般的には、クロスブラウザーを動作させたい場合は、html要素に行く必要があります。 –

関連する問題