Как <href ..> мой svg-логотип с Рафаэлем? - PullRequest
2 голосов
/ 10 декабря 2011

Я использую 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;

Ответы [ 2 ]

0 голосов
/ 11 января 2012

Я думаю, я понимаю, почему. Я должен был сделать что-то вроде этого:

<a id="logo" xlink:href="o-nas.php" title=""></a>

XLink

Я прочитал в документации.

0 голосов
/ 10 декабря 2011

Замените ваш div ссылкой, тогда вам также не понадобится бит r.attr().

<a id="logo" href="http://google.com/"></a>

(я бы не советовал использовать там target="_blank". Это не стандартное поведение.конечный пользователь выбирает.)

...