raphael

I'm trying to use a raphael.js example located here: http://raphaeljs.com/pie.html but I want to convert the pie graph into a donut graph (have a hole in the middle of all the slices). Currently, each slice is being created with the following code: function sector(cx, cy, r, startAngle, endAngle, params) { //console.log(params.fill); var x1 = cx + r * Math.cos(-startAngle * rad), x2 = cx + r * Math.cos(-endAngle * rad), y1 = cy + r * Math.sin(-startAngle * rad), y2 = cy + r * Math.sin(-endAngle * rad); return paper.path(["M", cx, cy, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0

I'm trying to position text within the SVG canvas, by supplying x, y coordinates var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); but does not position the text like all other objects... x, y coordinates specify the center of the object! Not the "left and top most" pixel! I would like to "left align" the text along a line, same as standard HTML. Help would be very much appreciated. Text-anchor property for text method is set to 'middle' by default. If you want to left align it then change text-anchor in attributes for the object: var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!").attr({

I am in need of a small script that will display an SVG (vector image) within a frame that has 2 functions; The image can be panned (moved around to look at different parts of the svg image with the cursor) simmilar to google maps. The SVG image can be zoomed in and out on also simmilar to google maps except there will be no need to load new imagery as the image is a vector. For a simmilar script i have seen that works with normal image formats see http://jibbering.com/routeplanner/ If someone is still interested: I just found this implementation of Pan and Zoom for Raphael. Still a very young

Is there a possibility of adding an element or set that exists within a paper to another paper, without creating each element twice from scratch? Background for this: I visualize a large node graph and want to create an "overview map" in a separate paper. Raphael don't allow to move element from one paper to another directly. So it is better to create a new element with same property in the target paper. I have created following sample method. you can add the code in your page and use cloneToPaper function to clone a element or a set to another paper. function extractJSON(element) { var attr =