Raphael svg in IE10 how to make it show (see link)?

Question

Raphael

Dear! who faced a similar problem, help out please :-)
We have a set of coordinates, which are then created in paper from img.
In Opera, Chrome, everything is OK, but in all IE it doesn’t want to, poke your nose where I’m wrong = \
here is the code jsfiddle.net/zetabit/k506vruq/7
as far as I understand there is an < svg> in < svg> which is in IE for some reason display:none is made.
ps : when hovering over the houses, they should be highlighted.

Answer 1

I did it on a pure canvas using pseudo OOP :-)
In the admin panel, data is filled in through raphael, and displayed in the frontend through canvas, which works in all popular browsers.
Here is a working example www.zhk-voskresenskiy.ru/vibor-kvarkiry , I hope it will be useful to someone else.
The library itself is here www.zhk-voskresenskiy.ru/js/canvas-drawer.js
There are two modes of operation:
1) full screen - then the background should always be in the center, to implement responsive (example www.zhk-voskresenskiy.ru/ vibor-kvarkiry )
2) in a block - will adjust as much as possible to the size of the parent block. (examples www.zhk-voskresenskiy.ru/vibor-kvarkiry/floors/fla... andwww.zhk-voskresenskiy.ru/vibor-kvarkiry/floors/fla...
I ask for all wishes/comments either here or by mail.
ps here is the git link https://github.com/zeetabit/canvas-drawer/blob/mas...