Jeff Schiller: I’ve admired Sam Ruby’s desire to use inline SVG for his blog - I think his clip art adds visual appeal to his site. I wish I had Sam’s artistic sensibilities/patience (or that slipping into a scotch-induced trance would help). But artistic ability aside, I have been struggling with inline SVG as a concept since then. I thought I’d outline the advantages and disadvantages to inline SVG as I see them.
Thanks!
Jeff Schiller: I’ve admired Sam Ruby’s desire to use inline SVG for his blog - I think his clip art adds visual appeal to his site. I wish I had Sam’s artistic sensibilities/patience (or that slipping into a scotch-induced trance would help). But artistic ability aside, I have been struggling with inline SVG as a concept since then. I thought I’d outline the advantages and disadvantages to inline SVG as I see them.
Thanks!
FYI: my personal “publish” interface has a select dropdown that lets me chose from my ever growing pallet of icons and incorporates then into the page in a way that allows resizing.
Resizing and syndication are two other advantages. I’m particularly concerned about syndicating <object>
tags from a perspective of safety.
I suspected you had a much nicer interface for this.
Also, thanks for reminding me about the resizing thing - however, wouldn’t this also work if you applied style="width:6.25em; height:6.25em; float:right" to the object element that referenced SVG? I should do a test one of these days.
Jeff
wouldn’t this also work if ...
See here. It was the original treatment of SVG included in the <object>
element that inspired the same trick for inline SVG.
Your unicode-han.svg seems broken...
Firefox says:
XML Parsing Error: not well-formed
Location: [link]
Line Number 1, Column 46:<svg xmlns="http://www.w3.org/2000/svg" right" viewBox="0 250 400 150">
---------------------------------------------^
(Uh, the arrow is pointing to the " at the end of the ‘right"’.)
Your unicode-han.svg seems broken
Fixed. Thanks!
When I first looked at SVG, I tried to incorporate it into a page via the IMG tag. When that didn’t work I got upset and I haven’t returned to it since.
I’d quite like to serve up either SVG or a crude server-rendition of it as PNG according to the browser’s Accept headers.
Thanks a lot, Sam. In an effort to add some pretty SVG to my weblog, I managed to change the times on all the posts to the current time. :P
More seriously, the SVG in my weblog and yours doesn’t seem to show up in Safari 2.0.4 (419.3) on OSX Intel 10.4.9.
Have you done any testing on that platform?
Thanks,
Blake.
More seriously, the SVG in my weblog and yours doesn’t seem to show up in Safari 2.0.4 (419.3) on OSX Intel 10.4.9.
Works for me on MacOSX 10.4.9(PPC). (Well, OK, I didn’t see any SVG on your blog, but those on Sam’s and mine seem OK.)