svg

重磅消息：ejtile動畫組件製作完成！

by

由於網上沒有一個可以方便製作svg動畫的工具，我製作了一個，搭配ejtile使用。

我在上個月就開始製作這個工具，當做了十幾日之後，幾乎都要製作完成時，發現當我想改動一個小小的功能都會非常困難。原因是我把代碼架構全部都交給了AI。

於是我需要重新製作。雖然如此，我也藉此摸清了這個工具的各種功能怎麼按排。同時，前面的一些函數其實也可以復用。

則在第二次重製時，我只交代AI給我做具體的函式代碼，而功能的安排都由我來決定。這樣終於得以完成。

這個動畫組件已經加入了ejtile頁面。

目前的一個小作品

Read more

wordpress現在已經不再支持上傳svg保持內容不變

by

wordpress最近的更新中，已經不能再保持上傳svg內容不變，我試了兩個插件都不行。 往後如果我要上傳svg，則須用以下方法才可保留原始數據及展示圖像： 如果要展示svg，則轉成png上傳。如果要保留數據，則改擴展名為.txt後上傳。 既要展示svg，又要保留原始數據，就把文本內容貼到文章正文。 update at 2024-11-25：今發現最好的方法是轉成base64再填入< img >的src中。 update at 2024-12-27：問題已解決，安裝第三方媒體庫插件。 舉例如下 轉png 文本上傳 svg文本.txt 直貼正文 svg原圖直傳會崩 base64

SVG筆記：重覆使用

by

當我開始做「帽子與烏龜」時，我需要計算每一個下落的拼板的端點坐標。後來我想，如果svg能重覆使用某個圖形就好了。

想不到svg真的有這個功能，它就是<use>，只需要href引用某個元素的id，就可以重覆使用該元素。

如果初始圖形不顯示，可以寫在defs中：

Read more