svg-animate

    3熱度

    1回答

    SVG - 沿着路徑的動畫矩形;矩形中心總是在路徑上

    我想動畫一個矩形，以便它遵循給定的路徑，迄今爲止使用animateMotion工作。這是我有： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <g> <rect height="40" width="40" style="fill:#777; stroke:none;"/> <animateMotion fill
    svg svg-animate 2012-11-08

    1熱度

    1回答

    只能看到一個svg圈的弧線

    我有一個circle，裏面有一個邊界環（靜態的綠色&），還有一些「脈動」的外圈（藍色）。我將如何處理這個問題，只讓靜態圓內的「脈衝圓」部分可見？ 我還包括了使得呈現HTML供您參考的JS，但它不會在JSFiddle中生成SVG。 我認爲圖層存在於SVG中，但是對於我如何構建其他圓圈的渲染，這不是非常有幫助。 快速回顧它的工作方式。 用橙色漸變繪製背景圓，並放置同心圓上有圓。 畫出綠色的靜態圓圈。
    svg jquery-animate jquery-svg svg-animate 2013-01-08

    2熱度

    2回答

    svg動畫可以暫停而不會丟失累積信息？

    您可以不受限制地停止和重複動畫，但是如果您重新啓動無限動畫，它將失去其累計值並從初始值開始。 也許我應該用一個例子來說明;就拿這個動畫： <animate id="main" attributeName="transform" attributeType="XML" begin="startbox.click" dur="1s" end="endbox.click"
    svg svg-animate 2012-10-02

    0熱度

    1回答

    SVG animateTransform不啓動

    我寫一段代碼，SVG，衝進了以下問題： 將AnimateTransform標籤將無法正常工作（不能啓動動畫）如果SVG不附加文檔與窗口onload事件。 實施例： http://jsfiddle.net/r4WEh/ VS http://jsfiddle.net/r4WEh/1/ 唯一的區別是： init(); VS window.onclick = init; 在第一個中的SVG是添加到
    javascript svg webkit svg-animate 2012-10-23

    1熱度

    2回答

    SVG動畫有一個屬性dur，但有沒有辦法設置動畫的速度呢？

    SVG動畫的這段代碼爲每個矩形產生不同的速度。我需要SIMILAR速度（不同的持續時間）。有沒有一個屬性，我找不到這個，或一個簡單的解決方案。 <animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="500" fill="freeze"/> <animate attributeName="
    javascript svg svg-animate 2012-10-25
最新問題