如何使用snap.svg创建行-s.line不是函数
[英]How to create a line with snap.svg - s.line is not a function
问题描述
我正在尝试创建一条简单的线，但是它没有将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>
1 个解决方案
解决方案1
5 已采纳 2016-06-03 10:57:41
您必须使用<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>
如何使用snap.svg从变换组中其他元素的中心绘制svg线？
[英]How to draw a svg line from center of other element in transformed group with snap.svg?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.