snap.svg

    1热度

    1回答

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

    1热度

    1回答

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

    0热度

    1回答

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

    0热度

    1回答

    我刚刚下载了Snap SVG,我试图弄清楚如何显示一个图像与回落安排。这里是代码: var s = Snap("#MyPopup"); var g = s.g(); var image = g.image("http://myimages.com/xyz.png", 250, 10, 40,40); 这显示图像完美。但是,如果图像丢失,那么你会得到那个破碎的图像不友好的图标。而不是我想要显

    1热度

    1回答

    我有一个简单的创建这里snapjs https://plnkr.co/edit/CyeVHuuuWrTAy1yKsp4d?p=preview 样本这是我的脚本 - 我加载一个SVG,我想漆成绿色。 令人惊讶的是,svg不是着色的,而是我画的“bigCircle”。 $(document).ready(function() { var s = Snap("#svg"); var

    1热度

    1回答

    我是svgs和snap.svg全新的新手。我工作的一个SVG中生成的元素,并具有以下一起工作: <svg width="600" height="400" style="shape-rendering: geometricPrecision; position: absolute; left: 0; top: 0;"> <defs> ... <c

    2热度

    1回答

    我刚开始使用svgs和Snap.svg库。在教程之后,我创建了一个弧进度指示器。我现在想要的是给动画弧添加一个内部阴影。我阅读文档,但filter.shadow命令只给出了外部阴影的选项。我做了一些关于将滤镜添加到常规svgs的研究,并且我向svg添加了一个绑定到Snap对象的滤镜。它确实给了我内在的影子,但是它毁掉了弧形动画;即使存在内部阴影,也只有大约一半的弧出现。我改变了一些尝试修复它的过滤

    0热度

    1回答

    我需要一些帮助,我试图用Snap svg在一个函数中设置两条路径的动画。 我试着这个,但它不工作,只是第一个动画。 svg = document.getElementById('Capa_1_plato'); s = Snap(svg); var path = Snap.select('#ondas'); var path2 = Snap.select('#ondasAceite'); a

    0热度

    1回答

    请注意,当我将我的svg代码嵌入我的HTML文件时,我不会收到此错误。 我在我的HTML中需要使用许多svg文件,因此将它全部放在一个文件中会非常不方便。 在我的JavaScript的功能之一,这里是我的代码使用方法: var svgT = Snap("#redBar"); var line = svgT.select("#line"); // exception occurs here 这

    3热度

    2回答

    我是Snap.svg的新手,我试图歪斜一个简单的矩形,但我无法弄清楚如何。我已经在文档中搜索。 这是我到目前为止有: /* stage */ var s = Snap('#mysvg'); s.clientRect = s.node.getBoundingClientRect(); s.width = s.clientRect.width; s.height