我正在尝试创建一条简单的线,但它没有将 s.line 注册为函数,而且我看不出我在这里做错了什么。我的代码贴在下面。谢谢!
<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>
最佳答案
你必须在 <svg>
上画画元素,不是 <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>
关于javascript - 如何使用 snap.svg 创建线条 - s.line 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37612092/