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

195400 · 發表于 2021-9-10 20:56

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

寒冬殘荷 · 發表于 2021-9-10 22:24

今天函授的這一課主要內容是svg的<g>元素的使用。

老師，這里為什么還要用svg的矩形元素<rect>

眼睛痛，幾天來上來都只是看一眼就下線了。

寒冬殘荷 · 發表于 2021-9-10 22:28

為了邊框？，我的瀏覽器沒看到有描邊。

寒冬殘荷 · 發表于 2021-9-10 22:40

反復看了代碼，還是覺得矩形元素在這里沒起作用，學生遲鈍，請老師指點。

195400 · 發表于 2021-9-10 22:58

寒冬殘荷發表于 2021-9-10 22:24
今天函授的這一課主要內容是svg的元素的使用。
老師，這里為什么還要用svg的矩形元素

這算是個遮丑的吧

為了計算方便所有圖片的起點都在1000（x=1000 或 y=1000), 這樣啟動時viewbox就是個空白不好看，所以加了個固定的矩形放在那里。

又琢磨了下，用的旋轉方法太繁瑣了，還是《西椅子胡同》用的轉換直觀簡單明了。

195400 · 發表于 2021-9-10 23:00

寒冬殘荷發表于 2021-9-10 22:28
為了邊框？，我的瀏覽器沒看到有描邊。

那些花哨我還嫌麻煩，沒裝飾

寒冬殘荷 · 發表于 2021-9-10 23:33

寒冬殘荷 · 發表于 2021-9-10 23:34

理解了，矩形元素只起了個背景色作用。

195400 · 發表于 2021-9-10 23:37

寒冬殘荷發表于 2021-9-10 23:34
理解了，矩形元素只起了個背景色作用。

這個背景圖片好，

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

站長推薦 /1