Построено выше, но с динамическим созданием и векторным изображением, а не рисованием.
function svgztruck() {
tok = "{d path value}"
return tok;
}
function buildsvg( eid ) {
console.log("building");
var zvg = "svg" + eid;
var vvg = eval( zvg );
var raw = vvg();
var svg = document.getElementById( eid );
svg.setAttributeNS(null,"d", raw );
svg.setAttributeNS(null,"fill","green");
svg.setAttributeNS(null,"onlick", eid + ".style.fill=#FF0000");
return;
}
Вы можете вызывать с помощью:
<img src="" onerror="buildscript">
Теперь вы можете добавлять цвета подэлементоми манипулировать всеми элементами DOM напрямую.Важно сначала реализовать окно просмотра и ширину высоты в svg html, а не в приведенном выше примере.
Нет необходимости делать код 10 страниц, когда он может быть один ... но ктоЯ спорить.Лучше использовать PHP, пока вы на нем.
Внутренний элемент, на котором основывается svg, - это простой <svg lamencoding id=parenteid><path id=eid><svg> и ничего больше.