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