代碼音畫《澳洲采影》

西椅子胡同

紅楓 發表于 2021-9-7 10:12
var lxtxt =[">lmth/

謝謝紅楓老師熱情鼓勵，問您好！向您學習！

西椅子胡同

這是用SVG代碼做的：

195400

西椅子胡同 發表于 2021-9-8 06:04
這是用SVG代碼做的：

個人看法：

1.  做循環滾動畫面svg并沒有優勢，css要簡單直觀一些，但文字描述的隱現svg更容易定位；

2. 這帖好像不是無限循環的， 是不是我的瀏覽器有問題？

西椅子胡同

195400 發表于 2021-9-8 10:29
個人看法：
1.  做循環滾動畫面svg并沒有優勢，css要簡單直觀一些，但文字描述的隱現svg更容易定位 ...

問好195400老師！

這個用SVG做的音畫是循環播放的,但沒測試過是否是無限循環。

在我的電腦上，用360安全瀏覽器、QQ瀏覽器和Edge瀏覽器都可以循環播，不足之處是：在重播時，首圖滾動到接近左側時會返回重新開始播放（就是首圖在重播時會出現兩次，但不影響后面各圖），這可能是我設的設置存在問題，過后會查找原因。

我覺得這種播放時間較長的音畫還是用點擊重播更合適些。

從您和紅楓老師的作品明顯看出css動畫的優越性，這方面我接觸較少，還沒有系統學CSS，以后爭取能學一學（近幾年忙于為我年近八十的老同學們做視頻、音畫和美篇，忙的一塌糊塗）。

您和紅楓老師的作品使我大開眼界并意識到自己在學用代碼方面存在的嚴重不足，在力所能及的條件下爭取能有所改進。

195400

西椅子胡同 發表于 2021-9-8 12:59
問好195400老師！

這個用SVG做的音畫是循環播放的,但沒測試過是否是無限循環。

偶然發現，chrome瀏覽器停在此頁面過段時間再看就是一片空白

現在打開其它幾個瀏覽器觀察（edge、firefox、qq）是否會出現同樣的現象。

西椅子胡同

在我的電腦上，用chrome瀏覽器放完第四遍仍是正常播放。用360安全瀏覽也是這樣、

195400

西椅子胡同 發表于 2021-9-8 17:52
在我的電腦上，用chrome瀏覽器放完第四遍仍是正常播放。用360安全瀏覽也是這樣、

chrome最先停止，然后是edge， QQ堅持了很長時間也停了，現在只有firefox仍在堅持著。

我是把這些瀏覽器同時打開同一個頁面，然后過段時間來看一下，就是chrome也不是只走幾遍就停了的。

195400

firefox仍在堅持著。

西椅子胡同

您是給瀏覽器搞馬拉松比賽那，chrome體力不支率先退賽，火狐耐力好堅持到了最后。

經過這些實際使用檢測，表明您的循環播放設置方法挺好！謝謝！

195400

圖片旋轉有意思，挑了幾幅做個試驗