使用svg.js時“未定義SVG”
[英]“SVG is not defined” when using svg.js
問題描述
我正在嘗試使用svg.js在網頁內制作一個基本矩形。 我已經通過npm安裝了庫，並且已經在script標簽中引用了源文件，但是我的SVG繪圖不會顯示。
控制台提供錯誤“未捕獲的ReferenceError：未定義SVG”，
這是我的項目的片段
var draw = SVG('drawing').size(300, 300); var rect = draw.rect(100, 100).attr({ fill: '#f06' });
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="main.css"> <title>Breathe</title> </head> <body> <div class="container"> <div class="header-container"> <div class="title-container"> <div>Title</div> <div></div> <div></div> </div> </div> <div class="main-container"> <div id="drawing"></div> </div> <div class="footer-container"> </div> </div> <script src="main.js" type="text/javascript"></script> <script src="node_modules\\svg.js\\dist\\svg.js"></script> </body> </html>
1 個解決方案
解決方案1
0 2019-08-01 20:51:13
您先加載了main.js文件，然后加載了svg.js。 嘗試顛倒順序。
<script src="node_modules\svg.js\dist\svg.js"></script>
<script src="main.js" type="text/javascript"></script>
在 TypeScript 中使用 svg.js
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.