这个file.svg脚本中的错误在哪里(使用ecmascript)?

时间:2015-01-27 11:06:53

标签: javascript svg ecmascript-5

我正在学习svg,现在我正在阅读如何在带有ecmascript的file.svg中使用Scripting ...我找到了一个教程,但我认为有一个错误......

但在哪里?

<script type="text/ecmascript">
<![CDATA[
   function aggiungiRect(){
      var svgdoc=document.getElementById("elementoRadice");
      var newrect=document.createElement("rect");
      newrect.setAttribute("x",10);
      newrect.setAttribute("y",150);
      newrect.setAttribute("width",250);
      newrect.setAttribute("height",100);
      newrect.setAttribute("style","fill:blue;stroke:black;stroke-width:2");
      svgdoc.appendChild(newrect);
   }
   ]]> 
</script>
<rect x="10" y="10" width="250" height="100" style="stroke:black;fill:red;stroke-width:2"/>

此外我想要一个建议:

我必须在file.svg时使用ecmascript,而如果它是一个html页面(在svg中有代码)我必须使用ecmascript或javascript ??

ecmascript是(Javascript + DOM)??

由于

1 个答案:

答案 0 :(得分:1)

您根本不需要指定ecmascript或javascript。如果您完全省略type属性,则默认为javascript。

ecmascript只是javascript的同义词。

此外,您无法使用createElement创建SVG元素。您必须使用createElementNS

var newrect=document.createElementNS("http://www.w3.org/2000/svg", "rect");