raphael Questions

6

i was using raphaeljs , and i want to show html(not only text) in svg, so i use this code : var r = Raphael("holder", 200, 300); var t = r.text(10, 10, "ssdwqdwq"); t.node.innerHTML='dddd' but ...
Butyl asked 26/11, 2010 at 2:14

6

On virtually all current browsers (extensive details from patrickhlauke on github, which I summarised in an SO answer, and also some more info from QuirksMode), touchscreen touches trigger mouseove...
Overblown asked 13/9, 2016 at 16:30

5

I have a fairly large SVG file of administrative subdivisions that I need to work with in Raphael.JS (it has 600 polygons and weights 1.2 Mb). Now, I need to convert these polygons to paths so tha...
Concavoconcave asked 23/5, 2012 at 9:32

1

Is there any option in SVG to make stroke inside to the element ? #html-cup { stroke: #f00; stroke-opacity: 0.5; stroke-width: 4px; fill: #666666; } <?xml version="1.0" encoding="...
Subsidiary asked 17/10, 2015 at 9:53

5

Solved

Is there a way to save the SVG generated by raphael as an svg file. Note it only need to work in chrome.
Lenwood asked 12/4, 2012 at 9:32

4

I think SVG is better than HTML5 canvas for some features, but I can't imagine an easy way to make eraser function. I there any way or any example?
Boynton asked 13/10, 2011 at 9:24

2

Solved

I'm trying to adapt some code from a simple app that uses Raphael to allow users to draw circles and rectangles on a canvas. (original code at https://gist.github.com/673186) The original code use...
Ciel asked 12/4, 2012 at 22:24

3

Solved

I want to use Raphael.js in my blog. I want import it from another source as I can't host it on blogger. Do we have any site like Google code which hosts Raphael.js? Couldn't find it on Google code...
Oidea asked 21/2, 2012 at 13:13

2

Solved

I am using raphael.js to draw a simple SVG line graph like this: When the user hovers the graph, id like to display a popover pointing to the line at the X position of the cursor, and at the Y p...
Guilder asked 22/3, 2013 at 19:12

4

I want to make an svg element (path, rect, or circle) be able to be draggable and give it resize handles. But unlike HTML DOM, not all elements have an upper left hand corner x,y coordinate and a ...
Broida asked 1/9, 2010 at 0:25

4

Solved

I have a visualization generated by d3 (a javascript visualization library similar to Protovis or Raphael, which draws stuff using SVG elements). The vis is interactive, so the user can interact wi...
Enterovirus asked 31/1, 2012 at 23:40

3

Solved

I'm trying to create an script draw something in an element by mouse and I'm using Raphaeljs to do that. For correct drawing I need to find top and left of ‍input‍‍ element. I'm using var offset =...
Posterity asked 23/8, 2012 at 8:30

4

Solved

Can anyone give me an example of these attributes in action: stroke-dasharray, stroke-linecap, stroke-linejoin i tried using them, but i don't quite understand the sentext structure for their value...
Assoil asked 7/6, 2012 at 21:44

3

Solved

I'm messing around with SVG and I was hoping I could create SVG files in Illustrator and access elements with JavaScript. Here's the SVG file Illustrator kicks out (it also seems to add a load of j...
Broddie asked 2/5, 2010 at 14:17

2

How can I give a Raphael element a fill that moves as the element moves, like how the CSS background-image of a position: absolute; HTML element would keep the same position relative to its locatio...
Yardarm asked 22/7, 2013 at 15:26

4

I am trying to make a website where you can draw an image on top of another image using Raphael.js. The drawing parts are finished, and I am able to export the lines as a png. I insert images to t...
Gadget asked 3/7, 2013 at 17:52

4

Solved

I'm trying to find the best approach to build a music visualizer to run in a browser over the web. Unity is an option, but I'll need to build a custom audio import/analysis plugin to get the end us...

3

I have seen several threads that adress this question but nothing that really solves my problem. I have a SVG file with a map and differrent regions. I want do do something like this: http://raphae...
Martino asked 28/10, 2011 at 8:6

2

Solved

using Raphaël 2.1.4 - JavaScript Vector Library do something like that: var textDummy = paper.text(50,500, 'hello world').attr({fill: 'transparent', 'font-size': 14}); var textBox = textDummy.get...
Dizzy asked 22/10, 2015 at 8:55

1

As referenced here and updated for use with Snap.svg here, I'd like to better understand how the provided gradSearch function actually works (it's a bit over my head), and whether there are any goo...
Fridell asked 22/5, 2014 at 16:22

3

Is there an equivalent implementation of a Bubble Tree in D3? In the link I provided, the Bubble Tree was implemented in RaphaelJS and jQuery.
Subjunctive asked 14/2, 2013 at 15:42

1

Solved

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 ch...
Stiff asked 7/7, 2016 at 10:20

6

Solved

Somehow this doesn't work... var paper = Raphael("test", 500, 500); var testpath = paper.path('M100 100L190 190'); var a = paper.rect(0,0,10,10); a.attr('fill', 'silver'); a.mousedown( function...
Olivette asked 8/6, 2011 at 16:35

2

I am using the Raphael Javascript library to do some rudimentary drawing for a web page. I am just drawing some lines that radiate out from a point. In Chrome, Firefox, and Opera, these lines are s...
Mor asked 12/4, 2011 at 23:32

1

Solved

I want to move a green button along a horizontal line path but the green button is not following my mouse. How to make green button follow my mouse when dragging it? code : <script> var pdef...
Fernandofernas asked 11/3, 2016 at 13:42

© 2022 - 2024 — McMap. All rights reserved.