svg-morphing

    0熱度

    1回答

    Javascript-morph/animate svg路徑數據沒有SMIL或庫

    我想變形/動畫svg路徑數據沒有SMIL或庫（jQuery的，Snap.svg，Velocity.js等），只是純粹的JavaScript（和可選的與CSS如果可能的話）。我想這樣做是因爲Chrome棄用了SMIL，並且他們建議使用CSS或「Web動畫」進行動畫製作 - 它們對於網頁動畫是什麼意思 - 。比如我想在下面的代碼變身ID爲「Rect1的」以ID爲「RECT2」路徑路徑： <!DOCTY
    javascript html css svg svg-morphing 2015-11-19

    1熱度

    1回答

    svg.js能夠路徑變形動畫

    我已經寫了一個使用路徑變形來創建動畫svgs的工具。目前，我的工具依賴於從字符串中構建代碼，但我對轉換到svg.js庫感興趣。我有種運行與路徑變形一塊路障雖然，即這樣 http://letmespellitoutforyou.com/samples/svg/anim_morph.svg 我沒有看到關於動畫 http://documentup.com/wout/svg.js#animating-el
    svg.js svg-morphing 2014-02-28

    2熱度

    2回答

    SVG路徑和變形

    我有一些理論上的問題。 可以說我有2個路徑svg。每個都有不同的點數。一個有4個貝塞爾曲線，另一個有3個。 我想要做的是將一個變成另一個。 現在，我知道他們必須具有相同的確切結構和相同數量的點才能這樣做。 所以，問題是，我可以在其路徑中添加「虛擬點」以獲得相同的結構和點數，而不會更改對象的形狀？ 例如，在其中一個路徑中取一個點，並在其後添加相同的點以增加點數。或者在兩條路徑上創建貝塞爾曲線，這些曲
    svg point bezier morphing svg-morphing 2015-09-04

    1熱度

    2回答

    SVG使用Javascript平滑地將形狀變形爲其他預定義形狀

    我想要在形狀之間平滑過渡（下面的示例顯示了突然轉變，以便您可以瞭解我需要平滑過渡的想法）。 形狀的順序由Javascript確定（例如，我固定了一個任意的順序，但在實際問題中，用戶輸入決定選擇哪個形狀，所以事先不知道）。 example.svg： <?xml version="1.0" encoding="UTF-8" standalone="yes" ?> <svg xmlns="http:
    javascript animation svg svg-morphing 2016-05-14
最新問題