Raphaël Google Group

Re: Hi Group, I have a problem with graphic algrithm, help!!!

2013-05-24T08:06:19Z

Hi back
Working with Bezier is great but it can be a nightmare if you have to start thinking about locating control points. All your trying to do is make a nice curvy line to connect points much easier is Catmull Rom, an extension to the Curves outside the SVG spec that Dmitry thought would be a good addition (!).

Where's my previous post?

2013-05-24T02:50:15Z

???

Does Raphael provides similar mechanism like atomic z-index?

2013-05-24T02:48:30Z

For example, I have a rect, and a text in this rect which forms a simple
label with border. Now I want this formation to be atomic, by which I mean,
other shapes can olny cover the text and rect all together or be covered
otherwise, but cannot intertwine with them. Just like how the CSS's z-index

Re: gRaphael.js Pie Chart Legend formatting options

2013-05-23T18:02:05Z

Just use ## instead of %%.%% and the absolute values will show up.

Re: path doesn't work, and I can't work out why :(

2013-05-23T07:20:03Z

Works for me on Chrome. Maybe it is something with your display? Try this:
r.path("M10 10L90 90").attr({'stroke-width': 3});

size of image loaded is different that what I specify

2013-05-22T15:33:59Z

I load an image like in this code
[link]
paper.image(img.src, 0, 0, 320, 240);
But the size reported by chrome shows as 352 x 264 instead of 320 x 240
Why might that be?

loaded image width height

2013-05-22T15:21:09Z

In this code here
[link]
Running the source of the result frame locally
I get an image of size
352 X 264
instead of 320 x 240
What might be the reason for that?

Box being cut off by boundaries of SVG

2013-05-22T06:11:37Z

Hey guys,
I have an issue with an SVG map I have on a production site but can't work
out how to fix it.
Have a look at the map on this page,
[link], and hover over "South
and Southeast Asia" or "South America". You'll see that the dropdown box
gets cut off by the boundaries of the map.

Hi Group, I have a problem with graphic algrithm, help!!!

2013-05-21T06:31:24Z

Hi all,
Here is the problem, i am using raphael to draw a chart, the canvas' lowest
layer is a serias of hexagons, each line has 6 hexagons and we have 9
lines, they are aranged one by one, just like honeycomb, it just look like
this:
<[link]>

How to add TEXT onto CIRCLE object?

2013-05-21T06:20:01Z

I was looking at graffle.js and could not find a way to do the following:
1. object.dblclick(function() { //change the this.attr("fill","red")
})
2. Also could not find any function in the library to ADD a TEXT onto
object.
Thanks for any tips.

Error: Problem parsing d=""

2013-05-20T16:22:29Z

Hello,
I'm a beginner to RaphaelJS and seemed to be having a ridiculously silly
issue. I wrote a basic program but I was consistently getting a "Error:
Problem parsing d=""" error at a path call. circle/rect used to work
though.
After much hair pulling and experimenting with multiple variations,

path doesn't work, and I can't work out why :(

2013-05-20T12:14:03Z

Hi All,
I'm trying to do the most basic thing in Raphael.... draw a line.
I've tried all sorts of things, and concluded that:-
I can draw images, shapes and text, but I can't do a simple .path
var r = Raphael("wmView", 620, 520);
r.rect(0, 0, 619, 419, 10).attr({stroke: "#666"});
r.image('images/bpx.gif',60,60 ,100,100);

Re: Plugin that allow inline text editing

2013-05-19T20:23:07Z

Works really nicely in FireFox and Chrome browsers, but not reliably in IE
8 or on BlackBerry Playbook. So maybe it is neither VML nor tablet
compliant.
Regards,
Phil

Re: Bar Chart Labels for gRaphaël ?

2013-05-17T15:43:42Z

Tried your version, didn't work so great. My version below adds a label
directly below the bar.
chart.customLabel = function (labels) {
labels = labels || [];
this.labels = r.set();
for (var i = 0; i < this.bars[0].length; i++) {
x = this.bars[0][i].x;
y = this.bars[0][i].y + this.bars[0][i].h + 10;

[HOW TO] Resolve the "Unexpected call to method or property access" IE error when including compressed version of Raphael

2013-05-17T10:29:12Z

Hi there,
A lot of ppl using the compressed version of Raphael (raphael-min.js) have
this error on IE (IE8, IE9) :
When debuging, we find that this instruction make IE screaming :
I just write a kind of "patch" to resolve this issue.
- Open your raphael-min.js file
- Search the occurence of (don't forget the comma) :

Is IE6 still supported? anyone got raphael working on it?

2013-05-17T10:29:10Z

Hi,

Does raphael still support IE6? I always thought that it did (and actually,
it still says so on the front page of the site), through a fallback to VML,
but when I try to run the pie chart demo ([link]),
for example, I get an error

‘window.Raphael.svg’ is null or not an object

Re: change line attributes

2013-05-16T12:20:40Z

<path>.attr({stroke:"#f00","st roke-width":x});
Notice how attributes with a hyphen have to be enclosed with inverted commas.
______________________________ __
From: "o...@mmmmail.com" <o...@mmmmail.com>
To: raphaeljs@googlegroups.com
Sent: Wednesday, May 15, 2013 10:33:10 PM

How can I change the color and thickness of a line drawn by paper.path?

HI Group i want to do the graph with Database Values ??

2013-05-16T09:42:10Z

HI Group,
I want to do the graph with Database Values ??
Can Anyone help me to solve this issues ??
Warm Regards,
Suthan.M
Skype Id : @msuthanwipro

Re: HELP: Safari 6, click()no longer working?

2013-05-16T04:34:16Z

It's OK. I got it sorted. It was the difference between jQuery '.hide()'
and jQuery '.css("visibility") as well as setting div backgrounds to
transparent. Strange it was OK in all other browsers though.

change line attributes

2013-05-15T21:33:10Z

How can I change the color and thickness of a line drawn by paper.path?
[link]
Thank you.

graphael linechart line limit

2013-05-15T16:33:31Z

Hi all,
Im trying to draw a linechart with more than 10 lines but I find it
impossible. Is there any configuration parametre where I can disable this
10 Line Limit of the graphael linechart?
Thanks in advance.
Pablo

Responsive SVG - issues with different browsers.

2013-05-15T11:09:17Z

Hey!
I'm having a picture and an overlay of two SVGs to cover parts of it (on
the top and at the bottom). In my jsfiddle:[link] you
can see the code.
I'm using setviewbox to get the svgs responsive which works out.
The issues in the different browsers: (to see how it looks like in the

Re: genealogy graph

2013-05-15T07:47:44Z

Hi!

What about starting here [link] and fiddling
with different events/content?
Depending on how complex/interactive the graph has to be, maybe other libs
(paper, d3, whatever) suit your need better, although it is completely
achievable with Raphaël. Other libs probably also won't have it ready for

Performance Optimization

2013-05-15T05:53:22Z

Hi Meister,
You can contribute by going to [link], forking, implementing optimization and submitting a pull request :)
BR,
Miro

Best way to make an SVG keyboard?

2013-05-14T23:59:01Z

What code would center a letter paper.text(10,20,'a') in the middle of a
paper.rect(?,?,10,10);
Sometimes when I try to print text in the center of a rectangle the text is
far away on the 'y' axis.
My purpose it so make an animated SVG keyboard using using Raphael. It just
be letters inside a rect with a listener attached to each key. I'm open to

Is barchart colors broken?

2013-05-14T20:34:23Z

It looks like it only takes the first color that I mentioned in the array?
[link]
I used the same coding to try out another piechart and is fine... I think
this is a Raphael library issue?

Re: Getting Raphael's object from an element

2013-05-14T16:33:45Z

Thanks Dmitry, that works perfectly.

Re: Drag and Drop from one paper to another paper

2013-05-14T14:25:05Z

Hi,

Are you familiar with the tool, canvas2image? Can this tool be used with Raphael's canvas?

I'm trying to design something where my users can save their image they create on Raphael's paper.set. I'd like them to save it as a .PNG file on their iPhone. The image they create is a set or combination of external images (which are .jpg and/or .png external images).

genealogy graph

2013-05-14T12:23:08Z

Hi
I wanted to make a genealogy graph (node can have a image) and then they
are connected to other node, each are different person . When the node is
clicked some more info of the person is show.
How to go about ?
regards
Raj

Re: Getting Raphael's object from an element

2013-05-14T10:59:44Z

[link]

Floating dots ( each having a menu)

2013-05-14T10:54:36Z

Hi
I want to make a JS menu which is in the shape of a web-og-dots . each dots
are one element connected to every other dot . the connection is depends on
a relationship .
For exam :
father (age,hobby..etc) ---- friend (age,hobby..etc)
| |
| |
| wife (...)
son (age,fav color ..etc)
can some suggest any easy way to use using framework?

Re: Drag and Drop from one paper to another paper

2013-05-14T10:45:19Z

Hi!
As far as I'm aware, there is no built-in way to achieve that.
You'd have to recognize the leaving of one paper, and duplicate the dragged
object to the other one. So, all the way manually.
Sorry for not having code, just thought about just that and will solve that
myself somewhen later :)
Needed parts: For the dragging, the "touches"-Example is great (basically

Performance Optimization

2013-05-14T09:59:10Z

Hi there,
I searched and found nothing on this topic, so please tell me if I
overlooked something.
My concern is the raphael performance, as I want to use the lib across
platforms, down to androids and old ipads. Basically everything is fine,
nothing crashes or similar.
But animation performance on mobile devices could be waaaay better.

Re: Raphael for maps

2013-05-14T08:11:40Z

If you have an SVG of the UK and want to make it interactive. Upload it to [link]
Any problems email me from my contact page at [link]
______________________________ __
From: "antoniovassi...@gmail.com" <antoniovassi...@gmail.com>

Re: Plugin that allow inline text editing

2013-05-13T23:05:19Z

Squeee! Seriously guys, don't come close, or I'll kiss you.
I spent a week (2 years ago) building a text editor using Raphael objects…
but though it worked it was never quite right and I knew I needed to replace
it with one that overlaid an input element… just as yours does… and so nicely.

Using numeric values for stroke-dasharray

2013-05-13T21:16:35Z

I would like to better control the pattern of dashes and gaps in
stroke-dasharray. I have been using
'stroke-dasharray': '--'
but I'd like to use numeric values such as 'stroke-dasharray': '5, 5'
When I do so I get a solid line. Is it possible to not use the standard
Raphael values and instead use numeric values as I see in the SVG

Plugin that allow inline text editing

2013-05-13T15:46:44Z

Hi Guys,
We have shared a plugin at marmelab that allows text editing with Raphael.
You can grab the code here
The demo is here : [link]
This plugin doesn't allow multiline text or webfonts yet.
Fell free to give a hand !
Regards,
Emmanuel

Re: Getting Raphael's object from an element

2013-05-13T14:00:48Z

By the way, Ethan's method of iterating paper.Bottom does work in 2.1:
[link]
Erik

pie.labels.hover function problem

2013-05-13T08:26:00Z

Hello Everyone,
I am having trouble making ([link]) this pie
chart to work , When I hover over the Legend --> label I need the pie
chart to pop up.
Simply I need the same effect other way around
Any help would be really appreciated.
Cheers.

Re: Getting Raphael's object from an element

2013-05-10T21:56:36Z

Dmitry, does the .raphael property still work in 2.1? For me it just
returns True instead of the raphael object (it worked in 1.5.2).

See this fiddle: [link] right-click the
circle to watch it change colors then change the version of raphael, click
run and watch it no longer work...

Raphael for maps

2013-05-09T08:18:07Z

Hello everyone,
Firstly, pardon my ignorance and apologies if this question seems daft.
A colleague of mine pointed me towards this library, claiming that it is
excellent to deal with maps.
I essentially need to generate a map, exactly identical in terms of
functionality to this one [link].... BUT for

Alternate to selectAll in IE8 . Perfomance Issue

2013-05-09T06:24:25Z

We are using selectAll function in this we are passing data to plot
objects . Data contains array of 2000 elements while plotting this it's
taking so much time in ie8 and while loading it ask to stop the script.
We are using d34raphael to give it functionality like d3.
for ex.
var raphael = new Raphael(document.body,0,0);

Re: Safari does not trigger the raphael hover or click events

2013-05-08T02:42:01Z

I'm having the same problem. Click events working in earlier versions and
other browsers. I can see click events working in Safari 6 at this
site: [link]
I've tried to mimic the code structure used but still cannot get mine to

Re: Canvas click events in safari

2013-05-08T02:36:00Z

I'm also having trouble getting the click event to work on graphic shapes
in Safari 6. It works in older versions and other browsers. It is very
frustrating. Hope some one can help as I've seen clicks working in Safari 6
on other peoples' sites. However, the same code structure is not working
for me.

HELP: Safari 6, click()no longer working?

2013-05-08T02:10:20Z

I'm trying to make an interactive morphology for longhorn beetles. The
following code is working well in earlier versions of Safari and versions
of Firefox and Chrome on Mac platforms. I have yet to test it on PCs.
However not working in Safari 6. Can anyone help?
d_parts.forEach(function(shape , index) {

graphael stacked barchart question

2013-05-07T18:43:06Z

I am trying to create a stacked bar chart with graphael that is
"normalized". Meaning I want all columns in the graph to be the same
length. I have accomplished this with the following:
function showCurrentUseChart() {

var bar1 = [];

Questionario de Analise comparativa de CMS

2013-05-07T16:53:14Z

Boa tarde, ESTOU Fazendo UMA analise comparativa e disponizei hum
questionario apara Preenchimento, e Bem rapido, peco hum colocaboração da
Comunidade Parágrafo Participar Desta analise, agradeçoa a Todos

[link] d/1cJ_ Fl3ZORNFkfS5BT5nwNM7wP6povES6R
0YfVht01ww/viewform<[link]>

Problem with arrow-ends

2013-05-06T14:28:13Z

Hi
I'm running following code (in the latest Chromium or Firefox or Opera,
Ubuntu 12.04 LTS, Raphael 2.1.0) and get an unexpected effect: when mouse
is over path1 not only path1 becomes yellow, but also an arrow-end of path2
becomes yellow. What am I doing wrong?
paper = Raphael(0, 0, 640, 480);

Getting coordinates of points on rotated path

2013-05-04T18:46:16Z

I notice in el.transform() that "translation doesn’t change x or y of the
rectange." But what if I want to be able to get absolute, or merely
relatively rotated coordinates off a transformed path? Is there a way to
"bake in" a transform string, so I can use all the usual path methods

allows basic shapes drawn by hand to be transformed into predefined shapes

2013-05-03T17:32:47Z

I want to know how to do in Raphael such as when user attempt to draw a
circle using mouse pointer by free hand turns to a cool smooth circle. Same
for rectangle, square, ellipse etc so that it appear perfect on the screen
instead of rough drawing.