The Null Device

Posts matching tags 'svg'

2010/6/18

The age of vector graphics on the web is drawing closer; Raphaël is a JavaScript library which gives you a portable way of drawing vector graphics, not only on all modern browsers but, amazingly enough, on Internet Explorer from version 6 upwards. (It uses SVG on modern browsers and VML on Microsoft's ones.) Anyway, Raphaël code looks like:


var paper = Raphael(10, 50, 320, 200);
var c = paper.circle(50, 50, 40);
c.attr({fill: "#000", stroke: "none"});
c.node.onclick = function() {
    c.attr("fill", "red");
});
It also handles images, text, and paths (using the SVG path notation). And here is a set of free icons, all implemented as path strings for use in Raphaël; they look fairly neat and modern, though, being single path objects, are monochrome. Being paths, though, they scale seamlessly.

So how soon can you use this in your web sites? Well, it runs with most of the web browsers in use these days, though needs a 55Kb (20Kb gzipped) JavaScript file. You'll probably need to host this file yourself, neither Google nor Yahoo! seem to have added it to their public CDN systems yet (though perhaps it's only a matter of time).

graphics javascript nifty svg tech web 0

2003/1/20

I just downloaded and compiled Sodipodi, after seeing a link to it from a Slashdot forum on SVG. It looks like a fairly promising vector graphic editor for Linux; and about time too. (KDE's Kontour is slow and bug-ridden, the new KDE Karbon requires KDE 3 which doesn't play well with Debian yet, so I haven't had a chance to try it.) It's still a bit rough (it prints lots of diagnostic messages on stdout, and lacks a few things, such as a "select all" option), but it's looking quite promising.

linux open-source svg 0

This will be the comment popup.
Post a reply
Display name:

Your comment:


Please enter the text in the image above here: