Napsal jsem soubor svg takto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1280pt" height="650pt" viewBox="0 0 1280 650" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><script xlink:href="pathToPolyline.js"/><script><![CDATA[
alert(document);//returns [object SVG document]
//and tried
var path=document.getElementById('path1');//the problem line
alert(path);
]]></script>
<path id="path1" fill="#000000" d=" M 0.00 0.00 L 1280.00 0.00 L 1280.00 449.99 C 1276.46 444.19 1270.19 441.08 1265.59 436.31 C 1264.17 429.73 1265.36 422.91 1266.42 416.36 C 1267.19 413.43 1264.94 410.65 1262.45 409.42 C 1255.44 405.63 1247.99 402.68 12 .....
Stejně jako v řádku komentáře alert(document); výstrahy [object SVG document] .
Ale:
var path=document.getElementById('path1');
alert(path);
upozornění null .
Zkoušel jsem také vložit svg na stránku html, také na stránku xhtml, zkusil jsem více věcí, ale zatím bez výsledku.
Nějaký nápad?
Odpověď
V době, kdy voláte var path=document.getElementById('path1'); , path1 ještě není definováno (dojde později).
Kód byste měli umístit za definici cesty.
Nicméně si nejsem jistý, jestli můžete zadat <script> tagy uvnitř <svg> .