Javascript &引用;“未定义SVG”;使用svg.js时

Javascript &引用;“未定义SVG”;使用svg.js时,javascript,html,svg,web-frontend,svg.js,Javascript,Html,Svg,Web Frontend,Svg.js,我正在尝试使用svg.js在我的网页内创建一个基本矩形。我已经通过npm安装了库,并且在脚本标记中引用了源文件,但是我的SVG图形不会显示出来 控制台提供错误,“未捕获引用错误:未定义SVG” 这是我的项目的一个片段 var draw=SVG('draw')。大小(300300); var rect=draw.rect(100100).attr({ 填充:“#f06” }); 呼吸 标题 首先加载main.js文件,然后加载svg.js。试着颠倒顺序 <script src="node

我正在尝试使用svg.js在我的网页内创建一个基本矩形。我已经通过npm安装了库,并且在脚本标记中引用了源文件,但是我的SVG图形不会显示出来

控制台提供错误,“未捕获引用错误:未定义SVG”

这是我的项目的一个片段

var draw=SVG('draw')。大小(300300);
var rect=draw.rect(100100).attr({
填充:“#f06”
});

呼吸
标题

首先加载main.js文件,然后加载svg.js。试着颠倒顺序

<script src="node_modules\svg.js\dist\svg.js"></script>
<script src="main.js" type="text/javascript"></script>


可能名称有冲突。将svg.js重命名为其他名称不要使用预先定义的名称首先加载库,而要加载代码。你倒过来做的。这样,当库未加载时,您可以尝试使用它,所以请将脚本放在主体上方