snap.svg

0热度

1回答

嗨我有一个动画只是停止在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回答

如何在Snap SVG中取消组合元素

我正在使用Snap SVG构建编辑器。我有一个组标记与一些变换。我想取消组合。我尝试使用for循环将组中的元素添加到父项中，但是这些变换在未分组的元素中未按预期工作。有人可以告诉我一种取消组合元素的方法吗？请在这里找到JS Bin。 https://jsbin.com/jinita/edit?js,output 在这里，当我拖动黑色矩形，整个组也移动。当我放弃它时，我尝试取消它的组合，但

0热度

2回答

随机放置svg多边形

我有一个svg多边形，我想复制它们n次动态。所以我面临的问题是当我复制它们时，我应该如何复制这些点。而不是硬编码数组中的点，我希望它们动态生成。请帮我 $(document).ready(function() { var polyarray= { "polyobj": [{ "id": 0, "name": 'Poly',

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

0热度

2回答

使用SVG，将鼠标悬停在X，Y或Z上以使X和Z旋转

我的网页上有一个元素（徽标），其中包含三个其他元素，我想在徽标整体悬停时这样做，徽标中的两个元素（两个字母）将无限期地围绕其中心旋转。我已经实现了带有CSS动画的旋转元素，但是只有当元素在其自身被徘徊时才能旋转。我无法弄清楚如何使用CSS悬停三个元素中的任何一个时旋转多个元素。我有他们自己的svg标签中的三个元素作为数据URI，都在一个g中，它本身位于链接到主页的href中。 <header>

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) {