how to set font-size font-family

raphael
coure2011 picture coure2011 · Sep 20, 2010 · Viewed 16.7k times · Source

i have code like this but its not working

var t = r.text(100, 100, 'test');
t.attr({font-size: 16});

giving me error

missing : after property id

here is documentation for raphael.js http://raphaeljs.com/reference.html

Answer

C-Mo picture C-Mo · Sep 20, 2010

For attributes with a hyphen in the name, you need to use a string literal.

var t = r.text(100, 100, 'test');
t.attr({ "font-size": 16, "font-family": "Arial, Helvetica, sans-serif" });

Related questions

How to access SVG elements with Javascript

I'm messing around with SVG and I was hoping I could create SVG files in Illustrator and access elements with Javascript. Here's the SVG file Illustrator kicks out (It also seems to add a load of junk to the beginning …

Read More
jQuery SVG vs. Raphael

I'm working on an interactive interface using SVG and JavaScript/jQuery, and I'm trying to decide between Raphael and jQuery SVG. I'd like to know What the trade-offs are between the two Where the development momentum seems to be. I …

Read More
Photoshop Custom Shape to SVG path string

Is there any way to get the SVG path string off a Photoshop custom shape or path? Or is there another way to get/construct similar data? I'm looking to do something similar to this: http://raphaeljs.com/icons/

Read More