清明上河圖 --- SVG 長卷畫面無縫連續滾動的嘗試

195400 · 發表于 2021-9-10 12:12

西椅子胡同 · 發表于 2021-9-10 14:15

教科書式的精彩大作，欣賞、學習！

首圖與其后各圖開始滾動時間的設定很是巧妙！

g標簽的使用恰到好處！

贊！贊！！贊！！！

西椅子胡同 · 發表于 2021-9-10 14:26

創新讓作品更精彩！！！

為195400老師的作品點贊！！！

西椅子胡同 · 發表于 2021-9-10 14:50

在我這里，用360安全瀏覽器和QQ、Edge、Chrome瀏覽器均可無縫循環播放。

195400 · 發表于 2021-9-10 16:13

西椅子胡同發表于 2021-9-10 14:15
教科書式的精彩大作，欣賞、學習！

195400 · 發表于 2021-9-10 16:16

西椅子胡同發表于 2021-9-10 14:26
創新讓作品更精彩！！！

如果是寬幅圖片CSS動畫要容易些，處理需要轉向的圖片SVG有獨特之處，這個練習主要還是圖片的轉向。

195400 · 發表于 2021-9-10 16:17

西椅子胡同發表于 2021-9-10 14:50
在我這里，用360安全瀏覽器和QQ、Edge、Chrome瀏覽器均可無縫循環播放。

西椅子胡同 · 發表于 2021-9-10 17:38

195400 發表于 2021-9-10 16:16
如果是寬幅圖片CSS動畫要容易些，處理需要轉向的圖片SVG有獨特之處，這個練習主要還是圖片的轉向。

是的，見過您用css實現無縫連續滾動的帖子。豎發寬圖實現水平滾動就要解決圖片轉向問題，圖片轉向后的圖片定位（特別是不同幅面圖片在轉向后的定位）也要解決好。您做的很好！

195400 · 發表于 2021-9-10 18:24

西椅子胡同發表于 2021-9-10 17:38
是的，見過您用css實現無縫連續滾動的帖子。豎發寬圖實現水平滾動就要解決圖片轉向問題，圖片轉向后的圖 ...

紅楓 · 發表于 2021-9-10 20:51

賬號		自動登錄	找回密碼
密碼			中文注冊

站長推薦 /1