我正在使用Zurb基金会框架。当我将JavaScript框架(如snap.svg )放置在src/assets/js文件夹中时，它将自动编译到app.js文件中。到目前为止，我已经有了一个jQuery插件，我试着使用这个插件已经坏了，snap.svg也坏了。我想这和巴贝尔有关吧。例如，对于snap.svg，我得到以下错误。
snap.svg.js:420 Uncaught TypeError: Cannot set property 'eve' of undefined
我尝试将snap.svg路径放置在config.yml文件中，但除了snap.svg位于app.js中的位置
浏览 4提问于2016-11-16得票数 2
回答已采纳
我尝试使用两个依赖项：
"snap.svg": "~0.2.0", # snapsvg.io
"angular-snap": "~1.4.1", # jtrussell.github.io/angular-snap.js/
我猜，角度快照似乎使用了一个全局的Snap对象作为Snap.svg，并覆盖了snap.svg的Snap对象。按照这个顺序，Snap.svg功能就会消失。如果我恢复导入的顺序，就会错过一些Snap.js功能。
观察这个柱塞并交换包含。
我怎样才能使用这两种语言呢？往前走！
浏览 3提问于2014-05-26得票数 3
如何在Snap.svg中实现移动设备的拖放？触摸拖放似乎没有内置在Snap.svg的拖放功能中。
浏览 2提问于2014-07-14得票数 1
回答已采纳
1回答
I have been trying to implement the following requirements.
1. SVG path to have multiple colors on different sections (eg - red color the curves and rest of it, in black color)
2. Only allow mouse event- click on those colored areas (curves)
I have tried with plain javascript and snap.svg
P
浏览 70提问于2019-01-17得票数 0
2回答
我还没有弄清楚如何在paper.text中使用单个Snap.svg元素创建多行文本。我尝试过使用raphael.js中提到的技术，例如\n，但这对snap.svg没有任何作用。
我试过用
和各种变体，但都不起作用。我感到奇怪的是，在raphael.js中这么容易(在文档中)，但是snap.svg文档没有提到这一点，而且我什么也没找到。
非常感谢您的帮助，谢谢！
var myRect = paper.text(100, 100, ["Lorem",
"<br>","ipsum dolor sit \n amet /n see "
浏览 6提问于2014-09-19得票数 5
回答已采纳
大家好。
我正在开始一个新项目(web应用程序)，希望我可以使用库和插件(Snap.svg的缩放/平移/拖动插件)。
因此，我使用作为主流编码语言，同时使用作为捆绑解决方案(这对这两种解决方案都是新的)。
在此环境中，我使用了修改后的Snap.svg版本Snap.svg : (在使用正式的Snap.svg时遇到的一些问题，请参阅更多的)，在 (只需将PathToNodeModules/@types/下的文件夹重命名为“snapsvg”)中运行良好)。
现在，还有另一个问题，包括项目中的zpd插件(类型记录)。
问题似乎与该插件缺少的类型定义有关，因此，是否有人可以帮助我编写这些类型，或者提供一
浏览 2提问于2018-07-08得票数 0
回答已采纳
我使用Snap.svg API。我需要一个元素的位置：
const outPort = paper.select(`#${outPortId}`);
console.log(`outPort: {x:${outPort.attr("x")},y:${outPort.attr("y")}}`);
控制台输出：
outPort：{x:null，y:null}
如何在Snap.svg API中获得元素位置？
浏览 1提问于2019-01-24得票数 1
我正在尝试为snap.svg动画创建自定义宽松。我看了文档()，但我不清楚如何用Snap.svg将CSS3样式的立方体-贝塞尔(例如:立方体-贝塞尔(0.17，0.67，0.25，0.99))转换为定制宽松。
浏览 3提问于2014-08-12得票数 5
回答已采纳
我正在尝试创建一个Angular指令来包装Snap.svg功能，但在单元测试时遇到了问题。到目前为止，我有一个指令，看起来像这样：
'use strict';
angular.module('rpApp')
.directive('rpSvgMap', function () {
return {
template: '<svg id="" width="" height=""></svg>',
restrict:
浏览 1提问于2015-06-29得票数 2
在RaphaelJS中，您可以创建元素的“集合”。变换此集合时，它会使用公共原点变换集合中的所有元素(而不是每个元素都有自己的原点)。这是一个简单的例子：
paper.setStart();
path = paper.path(string);
path = paper.path(string);
path = paper.path(string);
set = paper.setFinish();
set.transform("T0,0R0S3,3,0,0");
我正在为一个项目用Snap.SVG替换RaphaelJS。没有等同于setStart()和setFinish()的
浏览 2提问于2015-02-15得票数 0
有没有一种不用选择器将DOM元素转换为Snap.svg元素的方法？我该怎么做？
我在文件里找不到办法。()
一旦触发Jquery事件，我想获取相应的Snap.svg元素，但我不知道如何才能很好地做到这一点。
浏览 0提问于2018-04-09得票数 0
回答已采纳
1回答
最近发现了关于Snap.svg的事情。完全按照YouTube上的教程来做。由于某些原因，我的视窗非常有限。有人知道为什么会这样吗？Chrome是我的浏览器，所以我怀疑这就是问题所在。
var s = Snap('#svg')
var myCircle = s.circle(150,150,100)
myCircle.attr({
fill:'#f00',
stroke:'#000',
strokeWidth:2
});
var aLoop = function(r){
var newR = r===50 ? 100 : 50
浏览 0提问于2016-03-14得票数 0
在这种情况下，Snap.svg不起作用：
$('body').append($('<svg>').attr('id', 'test')) ;
console.log($('#test').length) ; // 1
var svg = Snap('#test') ;
svg.circle(100, 100, 50) ;
// Uncaught TypeError: Object [object Object] has no method 'circle'
..。但是，
浏览 2提问于2013-11-18得票数 9
回答已采纳
因此，我使用的是snap.svg，我希望随着时间的推移动态地旋转一个对象。就像这样：
function rotateObject()
{
myObject.rotation += value;
}
问题是我不知道如何访问显示对象的旋转值(或者它们是否存在！)因此，给出一些简单的例子，假设一个圆圈声明如下：
snap = Snap(800,600);
circle = snap.circle(400,300,50);
我知道我可以访问这样的x和y值：
circle.attr("cx");
circle.attr("cy");
我需要帮助的是：
是
浏览 6提问于2013-11-21得票数 4
回答已采纳
1回答
我正在使用Snap.svg制作动画。我现在有两个元素(一个圆圈和一个椭圆)要画。这些元素一起平移，椭圆也会旋转和改变形状。我可以使用Element.animate()函数在Snap.svg中动画每个元素，但它是非常棘手的，以保持它们的和谐转换。那么，我怎样才能把这些元素作为一个整体来动画呢？html片段放在上。
PS:属性cx和cy的centroid不更新后，每个动画帧。我希望他们会被改变。
谢谢你的帮助！
浏览 1提问于2013-12-25得票数 0
回答已采纳
在snap.svg 的事件处理函数(例如，单击回调函数)中，获得属性snap.svg中的属性(或者基本上帮助我识别事件发生的元素的任何属性)的最佳(跨浏览器)方法是什么？
这是一些代码。我所尝试的似乎在最新的Chrome和FF中有效，但我不知道是否有更好的方法。
//add an Element, set id
var mySvg = Snap('#mySvg');
var myRect = mySvg.rect(10,10,200,100);
myRect.attr({id:'myId'});
//register c
浏览 3提问于2014-01-24得票数 0
回答已采纳
1回答
我想用Snap.svg构建SVG操作UI，而不是单独发送，而是使用服务器端图形包。
我需要Snap.svg加载一个外部svg文件，分析它的结构，为它的一些元素定义一些事件侦听器(基于分析)，并进行一些更改。
我注意到一个元素的子元素不仅仅包含XML树定义的元素。因此，简单地遍历子对象是行不通的。
或者，.selectAll方法假定预先了解svg结构。
当然，这些是可以解决的，但我想知道我是否错过了另一种更自然的遍历结构的方式。
浏览 2提问于2017-04-26得票数 0
我是snap.svg的新手和新手。我正致力于在SVG中生成元素，并使用以下内容：
<svg width="600" height="400" style="shape-rendering: geometricPrecision; position: absolute;
left: 0; top: 0;">
<defs>
...
<circle id="dot" r="10" stroke-width=
浏览 1提问于2016-10-14得票数 1
回答已采纳
如何使用Snap.svg JS库遍历具有填充或颜色属性的SVG图像的所有元素？我只想修改已经具有此属性的元素的填充或颜色。
浏览 24提问于2017-12-24得票数 0
1回答
如何用svg / html5制作弧形光束？
应该是这样的(橙色和蓝色的线条)：
希望这可以用snap.svg或d3.js来完成
浏览 5提问于2014-02-16得票数 1
回答已采纳
我正在尝试将Snap.svg包装为我的应用程序的一个服务。下面的代码可以工作，但这是正确的方法吗？
var svgService = angular.module("svgService", []);
svgService.factory("svgService", [
function () {
if (Snap) {
return Snap;
}
}
]);
浏览 0提问于2014-08-03得票数 5
我将尝试以xamarin形式呈现一些svg。
但是现有的svg是用snap.svg编写的。
给它一个好的，为什么呈现这样的svg的xamarin形式？
谢谢。
浏览 4提问于2016-05-30得票数 1
我只是想知道是否已经构建了一个开源Snap.svg类来拖动和选择多个元素？查找类似于jQuery拖动选择的内容。
像这样：
$(".itemlist").selectable({filter:"li"});
浏览 2提问于2014-11-15得票数 1
1回答
我正在使用Javascript和snap.svg创建一个游戏 我以前已经用snap.svg制作了很多界面和UI，并广泛使用了动画功能提供的补间功能。这包括具有相同顶点数的两个形状之间的变形动画。问题是，是否可以使用值而不是时间在两个SVG路径之间进行补间？我想要在两个形状之间变形，输入我自己的插值值，即: morph(PATH_A，PATH_B，0.76)，那么它应该是0.76，从A到B。 我觉得这个功能应该已经存在了，因为这就是SVG每一步都在发生的事情？如何访问这个lower down函数？ 向您致敬，戴尔
浏览 29提问于2020-05-04得票数 0
1回答
我做了一个快速测试来比较Snap.svg (SVG)和FabricJS (画布)： function dummy()。
在Chrome中，渲染以120 ms为单位，而画布以1100 ms呈现。SVG比画布快9倍。
Fabricjs.com页面在中说，Raphael要225 ms，Fabric要97 ms (解析: 80，渲染: 17)。
我有一种印象(在阅读了fabricjs.com和之后)，FabricJS和更一般的画布比SVG更快。
我的速度测试声称SVG比画布快得多(至少Snap.svg似乎比FabricJS快得多)。
为什么FabricJS在我的测试中这么慢？我在比较中犯了什么错误，因
浏览 4提问于2014-02-14得票数 4
1回答
我试图使用Snap.svg来使用Snap.svg load函数导入现有的SVG。但是，它的工作原理是，原始SVG文件中的任何渐变都会被删除，它们的区域被简单地填充为白色。这是预期的行为，还是我遗漏了什么？
注意- SVG是在Inkscape中创建的。如果使用<embed>或<object>，则正确显示。
当我使用<embed src="robot.svg"/>时，它正确地显示，就像一样
但是，当我使用
<script>
var s = Snap("24in","12in");
Snap.lo
浏览 2提问于2015-01-21得票数 1
回答已采纳
1回答
如何知道用户何时放大或缩小2D dwg？我创建了一个svg层，在查看器的顶部使用Snap.svg创建。我想缩放这一层的基础上的比例的2D绘图在观众。
浏览 2提问于2017-02-02得票数 0
回答已采纳
1回答
我正在尝试使用svg库从先前转换的路径在Snap.Svg中创建新的路径字符串。在创建新的路径字符串时，必须将旧的转换放入其中。问题是我不确定正确的方法到底是什么，我看过这个线程Get the current matrix transformation of an SVG element，但是当我试图让矩阵to object添加到snap.svg中的这个方法时，我得不到定义。如何从DOM节点获取转换矩阵对象，如本例Apply transformation to result of previous transformation on SVG path所示。snap库中的相关方法我认为是http
浏览 14提问于2019-05-16得票数 0
回答已采纳
1回答
在这个snap.svg动画中，缩进将元素转换为up，那么right是否有一个一个地实现两个转换的最佳方法？
hand.animate({
transform: 't0,-80',
transform: 't40,-80'
}, 400);
演示：
浏览 4提问于2015-11-22得票数 0
1回答
我对javascript还比较陌生，并且正在学习如何使用snap.svg进行拖放。我的问题在下降。我不知道被拖走的元素是否在降落目标的上方。在这段代码中，我想把圆圈拖到正方形上，并认为我可以使用mouseover。我的(蒸馏)示例也可能是的一个更简单的版本。
var paper = Snap(300, 300);
var square = paper.rect(100, 100, 40, 40).attr({fill:"blue"});
var circle = paper.circle(50, 50, 20).attr({fill:"red"});
circ
浏览 2提问于2016-01-06得票数 0
2回答
背景：我使用snap.svg在内联svg中动画路径，并试图在一个函数中动画多条路径。
Problem：使用下面的代码，我只能在一个抓取函数中选择一个路径。在下面的代码中，我使用了多个选择器，但是动画只影响rect#rect。如何在Snap.svg中选择多条路径？
谢谢你的帮助！
HTML/内联
<a id="one">link</a>
<svg>
<rect id="rect-one" fill="#231F20" width="39" height="14"/>
浏览 4提问于2013-11-25得票数 3
回答已采纳
我跟踪了，但是我无法让snap.svg在我的Ionic2项目中工作。
安装：
npm install snapsvg --save
npm install @types/snapsvg --save
使用：
import * as snapsvg from 'snapsvg';
var s = snapsvg.Snap(800,600);
错误：
Uncaught TypeError: Cannot read property 'on' of undefined
有什么建议吗？
浏览 1提问于2016-11-15得票数 2
回答已采纳
假设我有一个<g>类型的svg组，名为"group1“，它有许多子(其他形状等等)。我想使用snap.svg对它们进行迭代。
var group1 = s.select('#group1');
group1.forEach(function(child) {
// doesn't work
});
有什么想法吗？
浏览 2提问于2016-11-23得票数 0
回答已采纳
1回答
我们有一个现有的svg文档，我们希望用一个新的元素替换一个组元素。有可能使用Snap.svg吗？
var oldGroup = Snap.select("[id='" + oldGroupId + "']");
oldGroup.outerSVG(newGroup); //This is what I want to do but outerSVG is readonly
浏览 2提问于2015-06-17得票数 1
回答已采纳
1回答
旋转SVG路径点以获得更好的变形
、、、、
我正在使用来自Snap.SVG的几个函数，主要是path2curve及其周围的函数来构建一个SVG插件。
为了更好地说明这个问题，我设置了一个演示。基本上，变形形状简单到复杂，而另一方面是正常工作的Javascript功能，然而，视觉并不是非常令人愉快。
第一个形状看起来很糟糕，第二个看起来更好一些，因为我改变了/旋转了它的点，但是最后一个例子是完美的。
因此，在其他函数构建曲线数组之前，我需要一个更好的path2curve或一个函数来准备路径字符串。Snap.SVG有一个名为getClosest的函数，我认为它可能很有用，但还没有文档化。
关于这个主题没有任何文档可供使用，因此我希望Raph
浏览 5提问于2016-02-18得票数 1
回答已采纳
2回答
有没有办法在Javascript中测试对SVG掩码的支持？我在modernizr里找过了，什么也没找到。我使用的是Snap.svg，在将对象添加到dom之前，我查看了对象中的所有属性，它看起来是一样的。
浏览 0提问于2014-08-23得票数 1
如何在snap.svg中创建复合路径？一个简单的例子是两个同心圆，它们创建了一个“甜甜圈”形状。有没有一种很好的方法将这两个圆圈组合成一条复合路径？
浏览 0提问于2014-01-05得票数 0
我尝试了Snap.svg网站上的“入门”教程，并尝试复制在中找到的代码
但我似乎就是不能让SVG掩蔽起作用。
其他人也有这个问题吗？据我所知，我设置它的方式与在线教程之间唯一的区别是我使用了AngularJS框架。
浏览 2提问于2014-05-06得票数 0
1回答
这个。
我想让图标使用Snap.svg，所以我希望最终用户重复使用HTML来获得多个图标。
HTML：
<svg class="box"></svg>
<svg class="box"></svg> <!-- not work -->
<svg class="box"></svg> <!-- not work -->
<svg class="box"></svg> <!-- not wor
浏览 3提问于2016-06-09得票数 0
回答已采纳
1回答
我是JS的新手，但我正试着接snap.svg。我试着用snap来画一个圆圈，但我似乎一次只能得到一件事情。现在，圆圈在“鼠标覆盖”时会改变颜色，但我希望它能“脉动”(用户在页面上时来回改变颜色)。知道怎么做吗？
浏览 1提问于2013-11-08得票数 3
回答已采纳
1回答
我试图制作这个类似折纸的动画，但是Snap.svg只选择了一条路径--第一条是动画。
我已经尝试过将path = s.select( 'path' )更改为path = s.selectAll( 'path' )，就像文档中所说的那样，但是它不起作用。
知道我哪里错了吗？
下面是代码：
浏览 0提问于2014-06-10得票数 1
回答已采纳
如何在Snap.svg中手动触发拖动事件？
我将一个拖动事件附加到一个元素: Element.drag(dragMove，dragStart，dragEnd)，并希望以编程方式触发此事件。
我试图触发调用Element.eventsi.f()的事件，其中我表示拖动事件，但似乎不起作用。
浏览 3提问于2014-04-01得票数 1
1回答
我正在尝试使用snap.svg将一个SVG插入到一个页面中，然后让它稍微旋转和展开。目前我正在使用括号作为本地直播预览的工具，而我遇到的问题是两个方面:大约半个小时前，我成功地将其放置好，然后不知怎么把它弄坏了，现在我不知道如何把它拿回来，而且snap.svg的语法已经压缩到可以阅读的程度了，而且文档也不太好，所以我无法确定我到底该如何做我想做的事情。我尝试了一下，但我发现的回调方法似乎不起作用。有人能帮忙吗？
<!DOCTYPE html>
<html>
<body>
<script src="snap.svg-m
浏览 2提问于2014-12-09得票数 0
回答已采纳
我正在尝试用Snap.svg在弧线中间渲染文本。
这在SVG中是可能的，如下所示：
<defs>
<path id="path1" d="M30 40 C 50 10, 70 10, 120 40 S 150 0, 200 40"/>
</defs>
<text text-anchor="middle">
<textPath xlink:href="#path1" startOffset="50%">
Text on
浏览 1提问于2015-07-19得票数 1
1回答
如何选择第二个text元素？
我试着做了这样的事情：
.node text:nth-child(2)，但要么我错过了什么，要么它不起作用。
我使用Snap.svg向元素添加文本。
element.text(x, y, 'text');
根据文档，没有向文本元素添加类的方法。
浏览 3提问于2016-02-26得票数 1
回答已采纳
Snap.svg是一个js库，用于处理DOM中的SVG。它有一个方法unclick和许多命名类似的方法。它们的目的是解除绑定事件处理程序。根据文档，它们都有回调参数。这些参数的作用是什么？在没有参数的情况下执行这些方法还不够吗？
浏览 1提问于2017-11-15得票数 0
我使用amber init和bower install processing --save启动了一个项目，以获得添加。我是用
firstProcessingInstance
<return Processing.instances[0]>
该方法由实例方法initialize调用，并运行了一个预Amberv0.13版本。
如何在琥珀0.13和0.14中初始化Processing.js？
这个例子的代码是
Herby回答后的加法
在0.13和0.14版本中，配置文件processing.amd.json必须手动添加到根目录。如果库在库目录中没有local.amd.json
浏览 1提问于2014-12-09得票数 0
回答已采纳
我有一个svg地图组件，我想在道具发生变化时更新它。在某些路径上添加和减去类...诸如此类的事情。
Snap.svg似乎是一条可走的路。如果有人知道更好的方法，我想听听！
下面是我的render方法，这两行用皱眉标记，是我希望在生命周期方法(如ComponentWillReceiveProps )中工作的那两行
render() {
var map = Snap('#map');
Snap.load("images/map.svg", function(data){
if (map) {
map.appen
浏览 0提问于2017-06-03得票数 3
回答已采纳
我不知道如何使用Snap.svg和角v4.0，所以我读了文章。我尝试了@moeabdol (npm install .，scripts: .，declare .，s.circle(...))的解决方案，但是我得到了以下错误：
错误TypeError: s.circle不是一个函数
但是，我可以用Snap.load(...)加载外部SVG。
为什么s.circle不为我工作？
浏览 0提问于2018-08-02得票数 3
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
