So erstellen Sie eine Zeile mit snap.svg - s.line ist keine Funktion

2016-06-03 7 views 1 likes

Ich versuche, eine einfache Linie zu erstellen, aber es registriert nicht s.line als Funktion, und ich kann nicht sehen, was ich falsch mache Hier. Mein Code ist unten veröffentlicht. Vielen Dank!So erstellen Sie eine Zeile mit snap.svg - s.line ist keine Funktion

<html> 
<head> 

    <style type="text/css"> 
    #svg{ 
     width: 700px; 
     height: 700px; 
     background-color: #ccc; 
    } 
    </style> 
</head> 
<body> 
<div id="svg"></div> 
<script src="snap.svg-min.js"></script> 
<script> 
    var s = Snap("#svg"); 
    var metric = 24; 
    var ground = s.line(50,350,650,350); 

</script> 
</body>

Quelle

2016-06-03 Artmole

Antwort

Sie haben auf einem <svg> Element zu ziehen, kein <div>

<html> 
 
<head> 
 

 
    <style type="text/css"> 
 
    #svg{ 
 
     width: 700px; 
 
     height: 700px; 
 
     background-color: #ccc; 
 
    } 
 
    </style> 
 
</head> 
 
<body> 
 
<svg id="svg"></svg> 
 
<script src="http://snapsvg.io/assets/js/snap.svg-min.js"></script> 
 
<script> 
 
    var s = Snap("#svg"); 
 
    var metric = 24; 
 
    var ground = s.line(50,50,650,50); 
 
    ground.attr({ 
 
     stroke: "red", 
 
     strokeWidth: 10 
 
    }); 
 

 
</script> 
 
</body>

Quelle

2016-06-03 10:57:41

So erstellen Sie eine Zeile mit snap.svg - s.line ist keine Funktion

Antwort

Verwandte Themen