Я использую Raphael.js на моем сайте. Посмотрите логотип в шапке, пожалуйста. http://hooche.ru/md2
Код для логотипа:
<script type="text/javascript">
window.onload = function() {
var r = Raphael(logo); r.attr({href: "http://google.com/", target: "blank"});
other vector..
...
</script>
и html-код для логотипа ^
<div id="logo"></div>
Но теперь у нас есть: 1 буква = 1 ссылка Google = очень много ссылок Google и пустые, не кликабельные пробелы вокруг букв в одном svg-логотипе.
Как это сделать: 1 svg-logo = 1 ссылка куда-то без пробелов,
например, логотип div имеет:
width: 190px;
height: 67px;