есть чудесный скрипт Raphaël 2.1.2. С его помощью создаётся интерактивная карта. Так вот. столкнулся с проблемой масштабирования данной карты.

он вставляет в див svg

генерируемый код выглядит так

 <div id="map"> <svg ... ></svg></div>

так вот один из выходов "смасштабировать", это добавить css

#transform{
    -o-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
}

что-то мне это не совсем нравится.

я же хочу сделать

 <div id="map"><object  type="image/svg+xml" id="imap"> <svg ... ></svg></object > </div>

и уже спокойно масштабировать


так вот как мне обернуть svg тегом объекта

_____________
Прошу критиковать, если что-то не так.

Велосипед не работает))

_____________
Прошу критиковать, если что-то не так.

<style>
p {
    border: 1px solid blue;
    padding: 10px;
}
</style>
<p id="first">
1 text
</p>

<p id="second">
2 text
</p>
<script>
setTimeout(function(){
    var p1 = document.getElementById('first');
    var p2 = document.getElementById('second');
    p1.appendChild(p2);
}, 5000)
</script>