raphael

I'm build a kind of javascript map with javascript and the Raphael lib. I'm able to zoom on an object when clicked, but I want it to be animated (like slowly diving in and so on). Is there a way to do so without reinventing the wheel? There is no reason that the viewbox of an svg object cannot be animated -- Raphael simply doesn't provide such functionality out of the box. Creating a plugin is reasonably straightforward, however. For instance: Raphael.fn.animateViewBox = function animateViewBox( x, y, w, h, duration, easing_function, callback ) { var cx = this._viewBox ? this._viewBox[0] : 0,

I have created 4 doughnut chart on a page which has some text in the center,I know this can be done by placing a DIV over the center but I cant use that as the text doesn't get exported when the chart is downloaded as PNG : Demo: https://jsfiddle.net/cmyker/ooxdL2vj/ I need to track the click of the center text for this I tried using the pageX,pageY to determine if the click is made on the center section. The coordinates are of the corners of the rectangular section which is inside the central hole of the doughnut chart & is likely to have the text within. jQuery('#canvas').on('click',function