0

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>
Phrogz
  • 296,393
  • 112
  • 651
  • 745
gidzior
  • 1,807
  • 3
  • 25
  • 38
  • 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

1 Answers1

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.

Community
  • 1
  • 1
amadan
  • 1,514
  • 10
  • 14