Question

I’m working with jQuery to modify some svg files data on the fly… one of the things I need to do is modify the “viewBox” attribute. When using jQuery as in the snippet below, however, it is doing a toLower() on the attribute so “viewBox” becomes “viewbox”. Normally I wouldn’t care but this seems to break svg rendering (at least on Mac OS X in the finder and in Safari).

Is there a way to modify this natively in jQuery (via flag or something) or am I going to have to do a string replace afterwards?

var $svg = $('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"></svg>');
// do some work here
$svg.attr('viewBox', 0 + ' ' + 0 + ' ' + 288 + ' ' + 288);

Answer 1

Unless you want to modify the library itself, I don’t see any way you can avoid doing a string replace.