Question

        I have create one HTML page like
<html style="overflow: hidden;">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SVG file</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <link rel="stylesheet" href="./default.min.css">
        <link rel="stylesheet" href="./style.css">
        </head>
        <body>
        <main>
                <div class="slider HSlider" style="position: relative; width: 100%; height: 100%; transform: translate3d(0%, 0px, 0px);>
                    <section class="section active" data-index="1" style="position: absolute; width: 100%; height: 100%; left: 0%;">
                        <article >
                            <div class="slide-head">
                                <h1>Load SVG file</h1>
                            </div>
                        </article>
                        <img src="./01.svg" style="min-width: 100%; position: absolute; bottom: -5vh; z-index: 1;">
                    </section>
        </main>
        </body>
        </html>

我的第二个文件是01.svg，如

        <?xml version="1.0" encoding="UTF-8"?>
        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="11.6917in" height="4.06969in" version="1.1" style="shape-rendering: geometricPrecision; text-rendering: geometricPrecision; image-rendering: optimizeQuality; fill-rule: evenodd; clip-rule: evenodd" viewBox="0 0 11692 4070" enable-background="new 0 0 500 500" x="0px" y="0px"  xmlns:xlink="http://www.w3.org/1999/xlink">      
        <defs>
        load css
        </defs>
        </svg>

我在html页面中加载svg文件并且它正常工作但现在我需要在svg上设置一些动画效果，我尝试在svg和HTML页面中加载JavaScript但它无法正常工作。

我也尝试在svg文件中加载JavaScript，如

        <script type="text/JavaScript" xlink:href="./index.js" />

但它无法正常工作。

所以任何人都知道在这种情况下如何加载JavaScript？

Answer 1

我得到了答案

我只是在我的html页面中将tag替换为tag并在我的01.svg文件中加载javascript文件........

如何在svg文件中加载外部javascript文件

1 个答案: