snap.svg

0热度

1回答

我有一个水管的svg。这个概念是用户将提供水轮的最小和最大范围。如果它达到最低水平，水位的颜色应该显示为红色，我可以做，但我怎么能改变价值按用户给定的价值。上层是最大部分，下层是最小部分。路径元素让我很难改变水位。我知道路径的d属性应该改变，但如何将d属性与用户值相匹配。 <script> const MIN = 0; const MAX = 100; //

0热度

1回答

Paintcode和Snap SVG

我试图桥接Paintcode和Snap SVG的示例。 Here是一个简单的项目，有拖动滑块时会旋转的齿轮。这很棒，但我想用鼠标进行交互。这是齿轮为SVG的例子： <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SV

0热度

2回答

从滑块中心滑出的SVG图像缩放

我制作了一个Jquery UI滑块来动态控制蒙版中SVG图像的大小。图像从左上角调整大小。我想知道这是可能的调整从中心的形象？任何想法将不胜感激。 https://jsfiddle.net/david7418/o497akje/ obj = Snap(".cat"); obj.drag(); var dimens = obj.node.getBoundingClientRect

0热度

1回答

移动后从中心旋转svg图像

我已经做了一个基本的SVG图像调整大小，旋转和拖动里面的小提琴的面具。移动后我从中心旋转图像遇到麻烦。移动后如何重置原点x，y？请先移动图像，然后用滑块旋转图像。试一下：https://jsfiddle.net/david7418/o497akje/6/ 变换属性被这里overwrited。我如何获得原点x，y并将其转换为变换参数？ //Slider rotate $("#slide

1热度

1回答

React中的Snap.svg - 如何在生命周期方法中访问svg？

我有一个svg地图组件，我想在道具更改时更新它。在某些路径上添加和减去类......这类事情。 Snap.svg似乎是要走的路。如果有人知道更好的方式，我想听听它！因此，这里是我的渲染方法，而两行标有皱眉都是我想在生命周期方法的工作，如ComponentWillReceiveProps render() { var map = Snap('#map'); Snap.load

1热度

2回答

使用回拨解决参考错误

我一直在跟着几乎所有的基本snap.svg教程一起跟着墙打墙。当通过jsfiddle或codepen运行他们的代码时，一切正常，但当我通过我自己的本地编辑器尝试相同时，我的运气不大。我的代码： HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link r

-1热度

1回答

假人（AKA设计师）的SVG动画，或者我尝试太多

我希望能够创建与此类似的动画SVG图标：我可以使用Animate CC或After Effects进行此操作。但我不是一个编码器，这是我的头。我在一家开发小组和开发小组的公司工作，我希望能够将原型（After Effects或Animate CC）交给开发人员来完成，但我认为它是不是他们想做或不可做的事情。是否有任何程序会使用wysiwyg类型编辑器为您创建代码？

0热度

1回答

如何在给定的位置附近找到附近的地方

我有一个lat/lng（餐厅）的列表，我希望找出附近某个特定位置的餐厅（从我的列表中），让我们假设2公里。我不需要知道实际的距离，所以在这里不需要Haversine函数。因为我只对短距离感兴趣，基本上我们可以假设地球是平的，杆和度在这里可能并不重要。准确度低也是可以接受的。什么是最有效的方法来做到这一点Javascript？纬度经度是十进制格式（-27.55097,135.458679）

0热度

2回答

在Snap.svg中多次加载外部图像：如何缓存请求？

我有一个图像，我外部加载，我想多次追加到我的svg元素。目前，如果我每次调用mySnap.load(path)...，它都会对图像发出AJAX请求。（请参阅jsFiddle示例here并观看网络选项卡。）浏览器可能会缓存或不会缓存该内容，但我希望它不要发出请求。我试图推出自己的缓存，但没有奏效： let cache = {} let load = function(path, callba

1热度

1回答

如何从Circle中获取参数？

给定一个圆圈： var snap = Snap(800,800); var pl3xx =snap.circle(75, 50, 30); 我如何获得的参数后面出来的吗？我曾尝试过： var cx = pl3xx.cx; 但这不起作用。