Create this SVG with Raphael

Question

I'm working with inline SVG elements and I would like to run this in IE8, could anyone implement this with Raphael?

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="643px" height="735px" viewBox="0 0 643 735" enable-background="new 0 0 643 735" xml:space="preserve">
  <a xlink:href="img/interactive/pietraCT/00.jpg" rel="floors" title="zobacz rzut parteru">
    <g id="ct_00">
      <polygon  points="172.25,647 381.75,640.75 422,641.75 422,665 415.75,679.5 402.75,679.5 401.25,667 393.751,665 363.625,665 352.005,671.673 346,673 338.625,677 172.25,672.5"/>
    </g>
  </a>
</svg>

possible duplicate of [Rendering SVG polygons in Raphael Javascript library](http://stackoverflow.com/questions/9690241/rendering-svg-polygons-in-raphael-javascript-library) — Phrogz, Apr 24 '12 at 13:10

score 2 · Accepted Answer · edited May 23 '17 at 12:12

2

This is answered here

In short, you need to use the path() call, and you need to modify your points to adhere to the convention that Raphael uses (which is defined here)

this is a fiddle using your polygon. You'll have to scroll down in the bottom right window to see it though.

edited May 23 '17 at 12:12

Community

1
1

answered Apr 24 '12 at 10:39

amadan

1,514
10
14

paper = new Raphael(0,0,1000,1000); i have one question what the 0,0,1000,1000 mean ? – gidzior Apr 24 '12 at 11:29
1

its the size of the canvas. (x,y,width,height) – amadan Apr 24 '12 at 11:38

Create this SVG with Raphael

1 Answers1