svg 参考外部 javascript 函数

Question

我想在 html 文档中嵌入 svg 引用外部 javascript 函数。

我有一个 html 文档，其中包含一个嵌入的 svg 文件和一个 link 到一个 js 文件。当我单击 svg

时，我希望 svg 成为 javascript 文件功能之一运行

function newGame(){
/* do stuff */
}

<!doctype html>
<html>
<head> 
 <link rel="stylesheet" href="styles.css">
</head>

<body> 
  <script src="main.js"></script>
 <div id="buttondiv">
  <svg id="restart" class="button" viewbox="0 0 24 24" onclick="newGame();">
   <circle cx="12" cy="12" r="6" />
  </svg>
 </div>     
</body>
</html>

我的问题不是我想用 javascript 引用 svg（但如果必须的话，我愿意）

这是针对 chrome 网络应用程序和 chrome 开发编辑器（如果重要的话）。

谢谢

更新：

我在控制台日志中收到此错误：

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令："default-src 'self' chrome-extension-resource:"。启用内联执行需要 'unsafe-inline' 关键字、散列 ('sha256-...') 或随机数 ('nonce-...')。另请注意，'script-src' 未明确设置，因此 'default-src' 用作备用。

有人可以解释一下吗？

Answer 1

内联js不安全所以不会让任何人执行。

svg 参考外部 javascript 函数

svg reference external javascript function

javascript

svg

external

google-chrome-app