snap.svg

0热度

1回答

我期待建立一个MOBLE的应用程序，用户可以采取SVG图像，下一个“记录”操纵它，然后发送记录的朋友为他们“重播”。我有D3.js一定的经验和还考察Snap.svg库SVG操作，但我不完全包裹我的头围绕如何实现这一点。特别是，什么是一个好办法，能够节省用户使得操作，然后选择“重播”呢？例如，我可以使用D3.js来操作SVG，但由于这是基于代码的，因此我无法准确地“序列化”动画，以便发送给其他人

0热度

1回答

Snap.SVG边缘/ IE浏览器 - jQuery动画停止

嗨我有一个动画只是停止在IE和EDGE（罚款在Chrome中）运行的问题。我得到了“文本后”的提示，但“textone1”等的不透明度仍然在开发工具中为0，IE完全停止了动画。我确实在IE中得到一个控制台错误“对象不支持属性或方法'getCTM' - snap.svg-min.js（19,26680）”，这是我在Chrome中没有得到的。下面是运行时，它停止代码： HTML： <g xmln

0热度

1回答

`getShift`和变换如何在SVG上工作

我刚刚通过THIS SVG动画演示，其直观，我是通过JS代码，并发现下面的代码行; var g = Snap(); g.attr({ viewBox: [0, 0, 800, 600] }); Snap.load("map.svg", function (f) { function getShift(dot) { return "t" + (400 - do

1热度

1回答

使用捕捉为IE浏览器翻转SVG 10+

我有以下代码有一个SVG多边形并使用CSS3动画来翻转它。这在非IE浏览器中工作正常。 <body> <style> .front { animation-duration: 3s; animation-name: flipin; animation-iteration-count: 1; }

0热度

1回答

捕捉SVG：字符串元素

在jQuery中，你可以简单地通过提供字符串创建元素，像这样： var newElement = $('<div></div>'); 我怎样才能做到在快SVG是一回事吗？我有一个像 <rect x="100" y="100" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1825.4047 1024.3746)" fill="#7EC242"

0热度

1回答

使用Adobe Animate CC的SnapSVGAnimator扩展...我如何才能将SVGdom变成特定的div？

我对ajax和json不是很熟悉，但这是如何使用扩展名生成代码。这里是输出... <script src="./SnapSVGAnimator/js/vendor/snap.svg/snap.svg-min.js"></script> <script src="./SnapSVGAnimator/js/SnapSVGAnimator.min.js"></script>

0热度

1回答

重复悬停时抓取SVG重复在重复悬停时减慢

有简单的snap.svg旋转悬停动画。 Cog在悬停时旋转并停在悬停状态。第一次悬停进出时工作正常，但每次重复动画都会减慢（减半）。不知道为什么会发生。这是我目前有： <script> var cogs = Snap("#cogs"); var cog1 = cogs.select(".cog1"); cogs.hover(function cogs(){ cog1.stop().a

1热度

1回答

Snap.svg在2D轴上的动画位置

通过关于Snap.svg的其他文章，我没有看到有关简单使用动画功能的很多解释。我不太明白使用 element.animate的文档和当前示例。我看到有特定的事情可以完成（变换，旋转）..但是如果我想在简单的2D轴上移动一些东西呢？这里是我当前的代码片段： var s = Snap("#elevBox"); var elev1 = s.select("#elev1"); if(toggle

1热度

1回答

SVG捕捉悬停在分组元素

我有一个包含在它的几个单元的组：路径（黑色），和2个rects（粉红色和蓝色）它们都属于到同一组。基本上，我想要做的是我想执行一个功能，当组悬停，所以我做的： group.hover(function(e){ //set up hovering console.log("hover bubble"); }, function(e) { console.

0热度

1回答

什么是克（）中捕捉SVG

嗨我是经历THIS snap.svg演示，现在，当我在我的本地机器上检查代码，它看起来像如下： var g = Snap(); g.attr({ viewBox: [0, 0, 800, 600] }); Snap.load("map.svg", function (f) { function getShift(dot) {