snap.svg

0熱度

1回答

0熱度

1回答

Snap.svg API幫助查找直線和二次曲線的交點

如何找到直線和二次曲線的交點？這裏是產生選擇的數字代碼： var s = Snap(300, 300); var path = s.path("M 35 50 h 100 v 50 q -25 -20 -50 0 q -25 20 -50 0 z") path.attr({ fill:'none', stroke: 'black' });

0熱度

3回答

Snap.svg動畫運行多次以不同的值結束

我有一個圓圈。我想創建一個函數，將它從1縮放到0.8，然後回到1.我目前的工作方式是，但是當我連續多次調用它時，動畫會發生衝突，並且圓圈會以不同的方式結束（小）規模。在做所有這些縮放的東西時，我希望圓圈保持在它的位置。另外，我希望縮放能夠在圓的中心使用錨點完成。目前情況如此。看看this fiddle。由於上述原因，我得到的圓的當前變換： var trans = elem.attr("tra

0熱度

1回答

如何使用snap svg初始化圖像矩陣？

謝謝lan誰幫我完成svg轉換滑塊Fiddle。經過一些進展後，我得到了另一個問題。如果圖像存在矩陣，我應該如何將它應用到開始滑塊？作爲Fiddle示例，當我拖動滑塊時，圖像行爲看起來很奇怪。 $(function() { Snap.plugin(function(Snap, Element, Paper, global) { Element.prototype.updat

1熱度

1回答

將負多邊形轉換爲正座標 - Javascript

我想保持我的觀點（x，y）始終爲正。我與這些值的數組： (points) [-916, 214, 10, 214, 10, 362, 200, 362, 200, 764, -916, 764] X Y X Y X Y X Y X Y X Y 是否有可以使座標留總是正的這些點轉移到其原點的算法？

0熱度

1回答

獲取彎曲的svg對象的呈現邊框

我需要知道svg對象是否與另一個svg對象相鄰。所以我需要得到它的邊界。這些對象可以是矩形或路徑。當他們是直的時候，這很容易，但當他們彎曲或彎曲時，我不知道該怎麼做。我的意思的例子可以發現here或短的例子在這裏： <svg id="mysvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 200 512 512"> <path d="m

0熱度

1回答

如何通過拖動另一個元素來移動svg圖像？

我想知道是否有可能通過拖動來移動另一個元素下的圖像。我不清楚如何描述它，請看演示波紋管。 https://jsfiddle.net/david7418/o497akje/10/ 我想觸發拖動事件形成的透明照片的頂部和移動另一張照片下，但不是自己。 $(function() { obj = Snap(".cat"); //Enable drag event obj

0熱度

1回答

如何用Snap.svg動畫輪子？

當我嘗試使輪子動起來時，我遇到了問題。你可以在example中看到。我讀article並嘗試寫代碼，但也許我錯過了一些東西。 function moveWheels() { wheel_right_needles.animate({ transform: 'r0 ' + getCenterPoint(wheel_right_needles) }); setTimeout(fun

1熱度

2回答

扣SVG動畫不工作

我試圖用stroke-dashoffset和stroke-dasharray屬性動畫線。這是一個複雜的圖與圓圈和線路連接器。我用Snapsvg，這裏是我的身影，這是簡化的，例如： <svg version="1.1" id="fImg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="

0熱度

2回答

定時序列中的Javascript動畫

我正在使用Javascript處理幾個CSS類。我的腳本是按照時間順序排列的，它們一起播放動畫。我覺得我很接近，但我堅持，有什麼見解？基本上，我需要步驟1和步驟2在同一時間一起走完一秒的持續時間，步驟3在步驟1和2之後持續一秒，步驟4和步驟5一起走到一起在步驟1,2,3和4 ......之後的同一時間持續一秒鐘。在步驟6結束時，重置計時器並重復。我有一個SVG，它由一堆線組成。其中一些線條必須在序