2011-08-24 9 views
5

Czy istnieje sposób edycji tekstu svg w programie Raphaël JS zgodnie z opisem w specyfikacji SVG 1.2 (http://www.w3.org/TR/2004/WD-SVG12-20040226/#text-edit)?Edytowalny tekst w Raphaël

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

nie dodać edycji atrybut do TextElement jak miałem nadzieję.

Jeśli nie ma sposobu, Chyba będę musiał pracować z unosić textelements HTML ...

+0

Jakie przeglądarki są potrzebne do obsługi? –

+0

Wszystkie przeglądarki Raphaël obsługuje, ale myślę, że nie ma na to rozwiązania, więc zamierzam zastąpić wszystkie elementy tekstowe svg wejściami html –

+0

Można utworzyć pływające pole edycji, gdy ktoś kliknie tekst, a następnie zastąpi tekst nowe wejście. Lub poproś Dmitrija o jego wdrożenie :-) –

Odpowiedz

2

Raphael nie jest realizacja SVG 100%. Używa tylko SVG & jako podstawy. Dlatego coś może działać, podczas gdy inne nie działają tak, jak się spodziewasz i coś nie działa w ogóle.

+2

Po prostu chcę się upewnić, że zmiana wszystkich elementów tekstowych svg na elementy html w tym momencie projektu byłaby czasochłonna. –

3

Specyfikacja, do której następuje łącze, to robocza wersja robocza (produkcja w toku, która może ulec zmianie). Jednak SVG Tiny 1.2 spec ma prawie same thing i jest zaleceniem W3c. Oczywiście nie magicznie sprawia, że ​​każda implementacja robi to, co mówi, ale jest przynajmniej stabilna.

Jeśli szukasz implementacji, która nie obsługuje 'editable' na elementach tekstowych SVG, następnie Opera jest jednym z przykładów.

+2

Szukam rozwiązania opartego na Raphaëlu, ponieważ wszystkie moje elementy tekstowe są już skomponowane w ten sposób –

+0

Możesz użyć 'textelement.node.setAttribute (" editable "," simple ")' przy założeniu, że textelement jest obiektem Element raphaël. Ale to tylko dociera do ciebie tak daleko, więc tak, na ogół będziesz musiał przejść do elementów html, jeśli chcesz, aby pracował crossbrowser. –

Powiązane problemy