Questions tagged [rafaeljs]

Raphaël is a cross-browser JavaScript library that draws Vector graphics for web sites.

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

References:

  1. Official Website
  2. Wiki Page
5 questions
1
vote
1 answer

How to align tooltips next to plots on rafael/mapael map

I am trying to align tooltips on a rafael/mapael map. Currently they default to the lower left side of the map but hoping they would show near the plot that is being hovered. I created a jsbin here. http://jsbin.com/pogaqecuwa/edit?html,js,output I…
Chris
  • 486
  • 3
  • 8
  • 22
1
vote
1 answer

How is it possible to combine rafael.js and paper.js in one html?

While I was trying to use two libraries (rafael.js and paper.js) in one html page, I got various errors. Case 1. Uncaught ReferenceError: Raphael is not defined. In the file "rafael.js", the line: var paper = Raphael(0, 0, 320, 200); was the…
Darius Miliauskas
  • 3,391
  • 4
  • 35
  • 53
1
vote
1 answer

rafael js getbyid doesn't work

I will check if an element with a certain id (which I named "setid") exists. If not create it and set the id. Unfortunately this doesn't work. Where is the error? Thanks in advance. Alex var resultSet; var setId = "setid"; if(paper.getById(setId)…
knowledge
  • 941
  • 1
  • 11
  • 26
0
votes
1 answer

Rafael: Mapael: Update trigger doesn't work, and no errors are given

Based on this minimal example of Mapael (part of the relevant code is down here): $('#refresh').on('click', function() { // Update some plots and areas attributes ... var updatedOptions = {'areas' : {}, 'plots' : {}}; //…
The Quantum Physicist
  • 24,987
  • 19
  • 103
  • 189
0
votes
1 answer

Dragging a circle using rafael.js - code example

I was trying to find the source code for this rafael.js example but on the page the link is broken. Could someone give the simplest source code example that demonstrates how one can use the mouse to drag a circle using rafael.js ? Just like in the…
jhegedus
  • 20,244
  • 16
  • 99
  • 167