C'è un modo per rendere un testo svg modificabile in Raphaël JS come descritto nelle Specifiche SVG 1.2 (http://www.w3.org/TR/2004/WD-SVG12-20040226/#text-edit)?Testo modificabile in Raphaël
textelement.attr("editable", "true");
non aggiunge l'modificabile attributo alla TextElement come avevo sperato.
Se non c'è modo mi sa che dovrò lavorare con bilico textelements html ...
Raffaello non è un'implementazione SVG 100%. Utilizza solo SVG & come base. Quindi qualcosa può funzionare, mentre altri non funzionano come previsto e qualcosa non funziona affatto.
Voglio solo assicurarmi che non ci siano possibilità visto che cambiare tutti i miei elementi di testo svg in elementi html a questo punto del progetto richiederebbe molto tempo –
La specifica a cui si collega è una bozza di lavoro (lavori in corso, soggetti a modifiche). Tuttavia, lo SVG Tiny 1.2 spec ha quasi il same thing ed è una raccomandazione w3c. Ovviamente questo non rende magicamente ogni implementazione fare ciò che dice, ma è almeno stabile.
Se stai cercando un'implementazione che supporti 'editable' su elementi di testo svg, allora Opera è un esempio.
Sto cercando una soluzione basata su Raphaël poiché tutti i miei elementi di testo sono già composti in questo modo –
Si potrebbe usare 'textelement.node.setAttribute (" editable "," simple ")" assumendo che textelement è un oggetto Elemento raphaël. Ma questo ti porta solo lontano, quindi sì, in generale devi andare per elementi html se vuoi che funzioni crossbrowser. –
Quali browser devi supportare? –
Tutti i browser che Raphaël sta supportando, ma suppongo che non ci sia una soluzione, quindi sostituirò tutti gli elementi di testo svg dagli input HTML –
Puoi creare una casella di modifica fluttuante quando qualcuno fa clic sul testo e quindi sostituisce il testo con il nuovo input. Oppure chiedi a Dmitry di implementarlo :-) –