snap.svg

    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.

    0热度

    1回答

    我尝试学习使用Snap.SVG。创建一个新的快照矩阵我使用方法matrix.scale()获得了意想不到的结果。使用el.transform(“s ...”)将按照Snap文档中的描述工作。这里唯一使用的脚本代码: var s = Snap(#svgout); var box = s.rect(100,70, 100,60).attr({opacity: 0.3}); var box2 = b

    0热度

    1回答

    圆角在我的SVG中无法正常工作。 请检查下面的代码, <svg height="100" version="1.1" width="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: relative; left:

    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

    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"><