Я хочу иметь svg, встроенный в ссылку html doc, внешнюю функцию javascript.svg ссылка внешняя функция javascript
У меня есть html-документ со встроенным svg-файлом и ссылка на js-файл. Я хотел бы SVG запустить одну из функции JavaScript файла, когда я нажимаю на SVG
function newGame(){
/* do stuff */
}
<!doctype html>
<html>
<head> \t
\t <link rel="stylesheet" href="styles.css">
</head>
<body>
<script src="main.js"></script>
\t <div id="buttondiv">
\t \t <svg id="restart" class="button" viewbox="0 0 24 24" onclick="newGame();">
\t \t \t <circle cx="12" cy="12" r="6" />
\t \t </svg>
\t </div>
</body>
</html>
мой вопрос не то, что я хочу, чтобы ссылаться на СВГ с JavaScript (но я готов если я должен)
Это для хром-веб-приложения и в редакторе chrome dev, если это имеет значение.
спасибо
UPDATE:
Я получаю эту ошибку в журнале консоли:
Отказался выполнить встроенный обработчик событий, поскольку оно нарушает следующее содержание директивы политики безопасности: «по умолчанию-Src" self 'chrome-extension-resource: ". Для включения встроенного выполнения требуется либо ключевое слово «небезопасное-встроенное», либо хэш («sha256 -...»), либо nonce («nonce -...»). Также обратите внимание, что 'script-src' не был явно установлен, поэтому 'default-src' используется как резерв.
Может кто-нибудь объяснить это?
И вы пробовали что-нибудь? Вы на самом деле работаете для меня – Kaiido
То же самое относится к расширениям: http://stackoverflow.com/questions/13591983/onclick-within-chrome-extension-not-working – Xan