snap.svg

0热度

2回答

这可能是一个简单而愚蠢的问题。我下载这个库here，然后我想快速启动它。所以，这是test.html在下载包中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test</title> <script src="dist/snap.svg.js"></s

0热度

1回答

如何避免动画重复的延迟？

开始动画有一段延迟，是JavaScript代码还是snap.svg的问题？ var paper = Snap('#mine'); var strokeHand = paper.path("M116.98 99.756c-4.347 0-6.336 3.407-6.613 5.696l-.022.178v.18l-.12 15.69c-2.794-2.294-4.58-2.86-5.046-2

0热度

1回答

无法获得SVG路径 - Snap.svg

在当前的init函数中，我使用Snap.load在SVG中加载，然后尝试获取SVG的子路径元素;但是，运行时，路径功能在控制台中输出“0”和“0”。超时功能已设置，但仍似乎不识别任何'路径'元素。我该如何去获取脚本中输出的SVG'路径'元素？以下是当前html和脚本的示例。 HTML 的SVG资产之前已加载：SVG的资产已经被加载 <div class="icon-svg-morph" id="

2热度

1回答

动态分配数据属性svg对象

我有一个页面，我打开一个模式，我希望每次打开一个新的SVG图像显示在那里。 <div class="col s3 center-align" id="event_logo"> <object type="image/svg+xml" data="" id="literary_logo_object" class="event_logo_object" ></object> </div>

0热度

1回答

仅使用snap.svg从转换中提取翻译数据

我正在制作一个旨在用于教师的“几何转换”页面。我正在使用Snap.svg。我的问题与多边形点的命名有关。我想为多边形的每个点添加一个名称（A，B，C，...）。问题出现在为转换找到的'图像'多边形上。如果这是一个简单的翻译，那么这不是一个问题。但只要它旋转，缩放或具有对称性，它也会转动/缩放字母。工作页面（法语，不好意思）：http://dev.scolcours.ch/_dev/svg_d

1热度

1回答

SVG HTML5仅在特定实例/使用情况下更改模式属性

我有一个SVG模式，我用它填充许多其他SVG。当然，当我改变模式中的属性后，它会在每个SVG中使用这种模式进行更改。是否有可能修改特定实例/使用中的模式属性？我想避免在之前的100个不同版本中创建模式。编辑样本：这是一个示例模式。我在世界地图上用这个图标作为一个国家的圈子的填充。图案内的圆圈用于设置背景颜色。 <svg width="0" height="0"> <defs>

1热度

1回答

逐渐改变使用变换在SVG中填充SVG元素

我试图模拟在SVG中逐渐“填充”（如水填充杯）元素。我用面具遇到了麻烦。对于下文中，假设包含snap.svg-min.js的： <script> var s = Snap(500,500); var a = s.rect(0,100,100,100); var b = s.ellipse(50,50,30,60); b.attr({ fill: "white" }); a.a

1热度

1回答

如何从SVG中的形状中剪切文本？

我有一个SVG文件看起来像下面：有没有一种方法，使文本透明？也就是说，我不想使用填充颜色来裁剪图层，并显示SVG背景中的内容（即SVG下的任何内容）。换句话说，使路径&文本的交集是透明的？内容的SVG文件： <svg width="36.087" height="34.314" viewBox="0 0 36.087 34.313999" x="1190.56" y="753.57800000

1热度

1回答

将javascript添加到类选择的Wordpress循环中

我想将类别图标添加到Wordpress页面，每个图标用snap.svg动画。我在打印页面（index.php）的循环中添加了div和svg。所有div都显示svg的大小，但空白。 svg有一个由js文件定位的类。 js文件被加载并且自行运行正常，但动画只出现在该类的第一个div中，相互打印的次数多达循环次数（实际页面上有多少帖子从那一类）。我添加了“each（）”和js的开头，但没有在其正确位