raphael

If I have a circle object var c = paper.circle(...) I would like to get this circle's center x, y position, how to get? You can get the SVG attributes of cx and cy with: c.attr('cx'); Do something like: var c = paper.circle(...); var centerX = c.attr('x') + c.attr('width') / 2; var centerY = c.attr('y') + c.attr('height') / 2; 来源： https://stackoverflow.com/questions/5618794/raphael-js-how-to-get-a-circles-center-x-y-position

I'm trying to move a text via animation using raphael's print(), but it doesn't work: var paper = Raphael(document.getElementById("stage"), 640, 480); var text = paper.print(300, 200, "Test Text", paper.getFont("Yanone"), 50); text.animate({ y: 400 }, 1000); Anyone have ideas what I may be missing? I think you should use the text function instead of the print function if you want to animate it later. I'm not sure why but it works ... Here is an example with both ways of doing it: var paper = Raphael("canvas", 640, 480); var fonts = [0, paper.getFont("DIN")]; //using print var p = paper.print

I am creating a dynamic visualization using Raphael-js. I started off with using Raphael-1.5.0 and things seemed to work okay. http://www.iiserpune.ac.in/~coee/histome/variants.php?variant=Histone_H3.1 In particular, the PTMs (little letters on top of large letters) are hyperlinked to their individual pages. While this worked in Chrome, Firefox, and Safari, the hyperlinks were absent on IE8 (worked in IE9). When I upgraded to Raphal-2.0 In IE8 the figure disappeared completely. Is it an issue with Raphael or the browser and any way to get around this? Simeon As you may or may not know, Raphaël

This is what I want to achieve: I want to create an interactive map using raphael.js. Using Php, I get datas from MySql DB and converted into a JSON file. So far so good. Inside my raphael js file, I must now: get those datas use them in order to modify my raphael file. I am currently stuck at this first step. Here's my simplified JSON file (let's call it countries.json) : [ { "id": "1", "type": "Country", "title": "France", "published": "1", "description": "Republic" }, { "id": "2", "type": "Country", "title": "Belgium", "published": "0", "description": "Monarchy" } ] Here comes the

I have created a Raphael rect like below: var rect1 = paper.rect(100,100,100,100) Now, I want that as I click on the rect a cursor appears and user is allowed to type/key in some text I am very very new to JS and Raphael. That's not a natural use of Raphael. Think of it primarily as a drawing library. If you look through the SVG specifications or any of the demos on the RaphaelJS page, you'll get the idea. But Raphael integrates naturally with native Javascript or jQuery. I would place a borderless textarea on top of your rectangle and activate (and focus) it when the user clicks on the space,

I use Raphael JS to create an SVG-map with area's and textlabels. I want the area to highlight when you move the mouse over it. I have this working now, but when I move the mouse over the label (in the center of the area) the mouseout-event for that area is triggered, so the area is unhighlighted again. Is there any way to prevent this from happening, or a workaround ? Create a rect with opacity set to 0 over the text and attach the event handlers on that rect. You can calculate the dimensions of the rect using getBBox() of the text. Creating a set via Paper#set was the approach that worked