snap.svg

0热度

1回答

0热度

1回答

Snap.svg API帮助查找直线和二次曲线的交点

如何找到直线和二次曲线的交点？这里是产生选择的数字代码： var s = Snap(300, 300); var path = s.path("M 35 50 h 100 v 50 q -25 -20 -50 0 q -25 20 -50 0 z") path.attr({ fill:'none', stroke: 'black' });

0热度

3回答

Snap.svg动画运行多次以不同的值结束

我有一个圆圈。我想创建一个函数，将它从1缩放到0.8，然后回到1.我目前的工作方式是，但是当我连续多次调用它时，动画会发生冲突，并且圆圈会以不同的方式结束（小）规模。在做所有这些缩放的东西时，我希望圆圈保持在它的位置。另外，我希望缩放能够在圆的中心使用锚点完成。目前情况如此。看看this fiddle。由于上述原因，我得到的圆的当前变换： var trans = elem.attr("tra

0热度

1回答

如何使用snap svg初始化图像矩阵？

谢谢lan谁帮我完成svg转换滑块Fiddle。经过一些进展后，我得到了另一个问题。如果图像存在矩阵，我应该如何将它应用到开始滑块？作为Fiddle示例，当我拖动滑块时，图像行为看起来很奇怪。 $(function() { Snap.plugin(function(Snap, Element, Paper, global) { Element.prototype.updat

1热度

1回答

将负多边形转换为正坐标 - Javascript

我想保持我的观点（x，y）始终为正。我与这些值的数组： (points) [-916, 214, 10, 214, 10, 362, 200, 362, 200, 764, -916, 764] X Y X Y X Y X Y X Y X Y 是否有可以使坐标留总是正的这些点转移到其原点的算法？

0热度

1回答

获取弯曲的svg对象的呈现边框

我需要知道svg对象是否与另一个svg对象相邻。所以我需要得到它的边界。这些对象可以是矩形或路径。当他们是直的时候，这很容易，但当他们弯曲或弯曲时，我不知道该怎么做。我的意思的例子可以发现here或短的例子在这里： <svg id="mysvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 200 512 512"> <path d="m

0热度

1回答

如何通过拖动另一个元素来移动svg图像？

我想知道是否有可能通过拖动来移动另一个元素下的图像。我不清楚如何描述它，请看演示波纹管。 https://jsfiddle.net/david7418/o497akje/10/ 我想触发拖动事件形成的透明照片的顶部和移动另一张照片下，但不是自己。 $(function() { obj = Snap(".cat"); //Enable drag event obj

0热度

1回答

如何用Snap.svg动画轮子？

当我尝试使轮子动起来时，我遇到了问题。你可以在example中看到。我读article并尝试写代码，但也许我错过了一些东西。 function moveWheels() { wheel_right_needles.animate({ transform: 'r0 ' + getCenterPoint(wheel_right_needles) }); setTimeout(fun

1热度

2回答

扣SVG动画不工作

我试图用stroke-dashoffset和stroke-dasharray属性动画线。这是一个复杂的图与圆圈和线路连接器。我用Snapsvg，这里是我的身影，这是简化的，例如： <svg version="1.1" id="fImg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="

0热度

2回答

定时序列中的Javascript动画

我正在使用Javascript处理几个CSS类。我的脚本是按照时间顺序排列的，它们一起播放动画。我觉得我很接近，但我坚持，有什么见解？基本上，我需要步骤1和步骤2在同一时间一起走完一秒的持续时间，步骤3在步骤1和2之后持续一秒，步骤4和步骤5一起走到一起在步骤1,2,3和4 ......之后的同一时间持续一秒钟。在步骤6结束时，重置计时器并重复。我有一个SVG，它由一堆线组成。其中一些线条必须在序