Raphael.js convert text to path

Question

I've setup a drawing utility with Raphael.js. The user can draw shapes, paths and enter text. Once a user adds text -> Paper.text() to the svg the svg goes into a selectable state. Meaning, if I add text and switch to the pen tool, moving the pen around the svg will cause adjacent dom elements to go into their ::selection state.

So I'd like to convert the text to a path to prevent this from happening. I don't see anything like this in the documentation.

please provide a js fiddle of your problem – Rajkamal Subramanian Mar 15 '12 at 09:11 — Rajkamal Subramanian, Mar 15 '12 at 09:11

score 4 · Answer 1 · answered Mar 29 '12 at 16:54

4

if you use print() instead of text() for text printing, then the text will be a raphael path object. (print() use a cufon javascript font that renders to a raphael path).

answered Mar 29 '12 at 16:54

cancerbero

6,799
1
32
24

score 1 · Answer 2 · answered Mar 14 '12 at 13:50

1

Try tweaking the pointer-events property on the text elements with .attr(). none might fit your needs. There are some good background info links on MDN.

.attr({pointer-events: none})

answered Mar 14 '12 at 13:50

Karlin Fox

191
1
6

Raphael.js convert text to path

2 Answers2

Linked