Для отправки правильных HTTP headers заголовков надо добавить строчку
Content-Type: image/svg+xml
для сжатых файлов
Content-Type: image/svg+xml Content-Encoding: gzip
а для распознования самих файлов
AddType image/svg+xml .svg AddType image/svg+xml .svgz
Вешаем события на простой сам непосредственно файл
<svg xmlns="http://www.w3.org/2000/svg"
width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"
onclick="makemove(evt)">
<script>
function makemove(evt){
alert(evt.target.nodeName+"\n"+
evt.clientX+"\n"+
evt.clientY
);
}
</script>
</svg>
кроме этого можно использовать все стандарные для html события
onmouseup="add(evt)" onmousemove="" onmouseover="hilight(evt)" onmouseout="hilight(evt)"
Как известно SVG графический формат, популярность которого растет с каждым днем. Извесно что компания Apple, на момент написания поста, решила не использовать Flash в качестве инструментария разработчика для Iphone. Многие ожидают, что это будет SVG, но дже если это не случится, престиж фомата вряд ли упадет.
Помимо того, что можно открыть .svg файл непосредственно в браузере его можно встроить в HTML страницу 3-я способами.
1 - embed
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
Для Internet Explorer поддерживает еще один параметр wmode=”transparent”
2 - iframe
<iframe src="rect.svg" width="300" height="100"> </iframe>
и накнец третий
3 - непосредственная вставка
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<body>
<svg:svg version="1.1" baseProfile="full"
width="300px" height="200px">
<svg:circle
cx="150px" cy="100px" r="50px"
fill="#ff0000" stroke="#000000"
stroke-width="10px"/>
</svg:svg>
</body>
</html>
Здесь надо обратить внимание что обьявление xmlns в DOCTYPE обязательны!
