snap.svg

    0热度

    1回答

    我试图在使用snap.svg的Angular 2中构建一个组件。即使在最简单的情况下,我似乎也无法获得功能性的svg对象。我进口snap.svg在我的index.html像这样... <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"><

    1热度

    2回答

    你好 我创建一个动画SVG行,然后动画使用此代码,第一个doesen't工作SVG线,可是其余的呢,我缺少什么? var newElement = document.createElementNS('http://www.w3.org/2000/svg','line'); newElement.setAttribute('class','travelPath'); ne

    2热度

    1回答

    我学会了使用snap svg这个库并且想要旋转一个对象。但是,我得到了一个奇怪的旋转效果,无法找到问题所在。 以下是代码片段,你可以看看它。 var s = Snap("#container"); //lets draw 2 rects at position 100,100 and then reposition them var r = s.rect(100,100,1

    0热度

    1回答

    我试图将文本动态成捕捉创建的SVG,这是我的尝试: this.setContent( `<svg id="${this.svgId}"></svg>` ); var snap = Snap($(`#${this.svgId}`)[0]); text = "asdfsdfsdsfd"; var rect = snap.paper.rect(0, 0, 50, text.lengt

    0热度

    1回答

    在Snap.SVG中,我需要SVG容器左上角的位置。我得到所需要的坐标与 s.mousemove(moveFunc) 但它们是相对于HTML体的位置。该html文件是响应。结果期运用 s.node.offsetLeft 或 s.node.offsetTop 是未定义的。带有ID和使用的一个SVG容器 document.getElementByID('usedId').offsetLeft

    1热度

    2回答

    这是使用捕捉SVG动画代码: var s = Snap(3000,3000); var circle7 = s.circle(130,90,5); var circle8 = s.circle(155,90,5); var circle9 = s.circle(180,90,5); var circle10 = s.circle(205,90,5); var circle11 = s.

    2热度

    2回答

    下面是一个尝试将setStops实现为径向渐变的交互式示例。当点击'setStops'按钮时会出现错误信息:“setStops不是函数” 我正确使用它吗? <!DOCTYPE HTML> <html> <head> <title>Snap.svg setStops</title> <script type="text/javascript" src="http://svgD

    0热度

    1回答

    我无法弄清楚如何使用Snap.svg的Set.bind(...)功能。 下面是一个集合中有三个(3)元素的示例:2个圆和一个椭圆。 我想使用绑定访问和更改各种元素中的一些attr。 一些例子绑定将不胜感激。 (实际上,在这个时候,我看不到在使用Set对象而不是数组方面的任何优势,有没有Set的任何特性与数组一样不能处理?) <!DOCTYPE HTML> <html> <head>

    0热度

    1回答

    搞清楚snap.svg,就像标题所说的那样,我有一个通过Bootstrap的图像响应调整大小的视图框,这很好,直到我试图拖动,然后坐标刚刚变得歪斜。 Codepen:http://codepen.io/k3no/pen/mWPqwm 继承人的JS代码: var s = Snap("#snappy"); var circle = s.circle(600, 350, 100);

    0热度

    1回答

    我使用snap.svg,并试图实现这样的行为。该SVG应该是规模和集中在移动,就像在图像上。当在盘点上悬停时也是可能的 - 国家名称应该出现&是可点击的链接。在任何情况下都可以优化代码?以及如何将svg集中在移动设备上? Codepen update var s = Snap("#svg"); var startPoint, endPoint; var path; var circlePro