snap.svg

2熱度

1回答

我有一個頁面，我打開一個模式，我希望每次打開一個新的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回答

已解決。使用snap.svg IE和EDGE網絡瀏覽器快速懸停和放大/縮小帶有動畫效果

我不能低估，爲什麼IE和EDGE有奇怪的行爲。如果您快速移動鼠標並移出五角星形 - 動畫是遠距離的，但在其他普通網絡瀏覽器中都是這樣。 http://jsfiddle.net/b1Lhjo4k/ var svgElement = Snap("#svg"); var pent = svgElement.select('#pentagram-one'); var hoverover = func

0熱度

1回答

Snap svg拖動一組套件

我希望能夠使用Snap SVG將一組套件作爲一組拖動。到目前爲止，我只能將子集（矩形和文本框）拖放爲一個項目，但我試圖實現的是集體「表格」是可拖動的，而內部的字段保持爲獨立形狀我可以保持它們之間的聯繫。這可能嗎？（編輯 - 我是從拉斐爾重構捕捉並試圖把一套成組拖動）這裏是對plunker鏈接：http://plnkr.co/edit/9ewo0OcgThwB4KyMTxIL?p=preview

1熱度

1回答

SVG - 創建一個加入圓的組中點並進一步延伸到第一個和最後一個圓的圓周點的路徑

我想創建一個路徑，如標題中給出的一組圓的原點（x，y ）和半徑。用原點座標來形成路徑，根據圓的對齊方式給出一條連接中點的直線，但是我想進一步延伸到點，直到它們與組中第一個和最後一個圓的圓周重疊。我的意圖是爲一組圓圈創建掩蔽路徑。我有什麼： http://codepen.io/pri315/pen/JGXwEY <path d="M 311.247 144.32 L 315.063 135.925

3熱度

1回答

應用平移後的新路徑旋轉和縮放弧SVG

我想要在路徑上應用平移旋轉和縮放後獲得新的路徑（弧）點。我把一個例子：我的道路是這個樣子正如你看到的翻譯，旋轉和縮放應用於我的道路上。（0,0）旋轉（0,0,0）和縮放（0,0）我正在使用matrixTransform（sCTM）方法獲得新的點在這種情況下，應用新的變換和縮放之後的行。但在弧的情況下，我沒有得到正確的道路。 var path = d3.select("g")[0][0];

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回答

內聯SVG：鉻和歌劇無法檢測到外部資源

這是my site，它在Firefox上正常工作，但是，使用chrome或opera訪問它時，「圖片框架」不顯示。我特意設置父<svg>元件至0％<svg height="0% onload="init()"...>的高度，然後，所有的SVG DOM結構的加載後，我將其設置爲100％的高度 function init(){ mySvg=Snap("#mySvg"); //..

1熱度

1回答

將javascript添加到類選擇的Wordpress循環中

我想將類別圖標添加到Wordpress頁面，每個圖標用snap.svg動畫。我在打印頁面（index.php）的循環中添加了div和svg。所有div都顯示svg的大小，但空白。 svg有一個由js文件定位的類。 js文件被加載並且自行運行正常，但動畫只出現在該類的第一個div中，相互打印的次數多達循環次數（實際頁面上有多少帖子從那一類）。我添加了「each（）」和js的開頭，但沒有在其正確位

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