代碼音畫《澳洲采影》

西椅子胡同

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

謝謝紅楓老師熱情鼓勵(lì)，問您好！向您學(xué)習(xí)！

西椅子胡同

這是用SVG代碼做的：

195400

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

個(gè)人看法：

1.  做循環(huán)滾動(dòng)畫面svg并沒有優(yōu)勢(shì)，css要簡(jiǎn)單直觀一些，但文字描述的隱現(xiàn)svg更容易定位；

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

西椅子胡同

195400 發(fā)表于 2021-9-8 10:29
個(gè)人看法：
1.  做循環(huán)滾動(dòng)畫面svg并沒有優(yōu)勢(shì)，css要簡(jiǎn)單直觀一些，但文字描述的隱現(xiàn)svg更容易定位 ...

問好195400老師！

這個(gè)用SVG做的音畫是循環(huán)播放的,但沒測(cè)試過是否是無限循環(huán)。

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

我覺得這種播放時(shí)間較長(zhǎng)的音畫還是用點(diǎn)擊重播更合適些。

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

您和紅楓老師的作品使我大開眼界并意識(shí)到自己在學(xué)用代碼方面存在的嚴(yán)重不足，在力所能及的條件下爭(zhēng)取能有所改進(jìn)。

195400

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

這個(gè)用SVG做的音畫是循環(huán)播放的,但沒測(cè)試過是否是無限循環(huán)。

偶然發(fā)現(xiàn)，chrome瀏覽器停在此頁(yè)面過段時(shí)間再看就是一片空白

現(xiàn)在打開其它幾個(gè)瀏覽器觀察（edge、firefox、qq）是否會(huì)出現(xiàn)同樣的現(xiàn)象。

西椅子胡同

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

195400

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

chrome最先停止，然后是edge， QQ堅(jiān)持了很長(zhǎng)時(shí)間也停了，現(xiàn)在只有firefox仍在堅(jiān)持著。

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

195400

firefox仍在堅(jiān)持著。

西椅子胡同

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

經(jīng)過這些實(shí)際使用檢測(cè)，表明您的循環(huán)播放設(shè)置方法挺好！謝謝！

195400

圖片旋轉(zhuǎn)有意思，挑了幾幅做個(gè)試驗(yàn)