SVG文字動畫

我有一個移動應用程序，涉及移動文字的方式。我使用css3動畫，它看起來在手機上很滯後。我選擇使用svg作爲動畫。我如何在svg中實現一個選框動畫。我是新來的。SVG文字動畫

來源

2015-09-23 AndrienPecson

這是不太可能SVG將超過CSS3動畫不同執行任何。 –

Robert Longson感謝您的回覆，但是我可以使用svg對文本執行選取框效果嗎？ – AndrienPecson

你會通過SMIL來做到這一點。您提供的問題越詳細，我可以提供的指導越多。 –

這是一個帶滾動文本的簡單動畫。希望這會讓你開始。

在網上有很多關於如何做SVG動畫的教程。如果您需要更多信息，您還可以閱讀SVG規範。

請注意，像這樣的SMIL動畫（SMIL是使用<animate>標記的動畫）在IE中不起作用。但是如果你需要支持IE，你可以使用像FakeSmile這樣的庫。

<svg width="500" height="100"> 
 
    <text x="0" y="80" font-size="80">Here is some scrolling text 
 
    <animate attributeType="XML" attributeName="x" 
 
     values="520;-880;520" dur="15s" repeatCount="indefinite"/> 
 
    </text> 
 
</svg>

來源

2015-09-23 12:17:31

回答

相關問題