2017-04-19 2 views
0
 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>  

und meine zweite Datei 01.svg wieWie externe Javascript-Datei in svg-Datei in HTML-Seite

 <?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> 

ich habe Last svg-Datei laden und es ist richtig Arbeit, aber jetzt brauche ich einige zu setzen Animationseffekt auf Svg und ich versuche, JavaScript in Svg und HTML-Seite zu laden, aber es kann nicht funktionieren.

ich versuche auch JavaScript in SVG-Datei wie

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

aber es kann nicht funktionieren, zu laden.

Also weiß jemand, wie man Javascript in dieser Situation lädt?

+0

01.svg muss aus eine einzelne Datei, es kann nichts laden, da es als Bild verwendet wird. Selbst wenn es eine Datei laden könnte, können Bilder kein Javascript ausführen. –

Antwort

0

Ich bekam die Antwort

ich gerade Tag ersetzen in meiner HTML-Seite und laden Sie JavaScript-Datei in meiner 01.svg Datei zu markieren, ........