做動漫週邊圖鑑的時候遇到一個小麻煩：很多商品的官方圖片是一整排角色的合照，要在圖鑑裡只顯示其中一個角色，就得替每張圖片記下裁切範圍。一開始是用小畫家看座標再手動換算成百分比，做了幾張就受不了，於是寫了這個工具。 👉 網址：https://www.miwa23333.xyz/image-crop-preview/ 使用方式 Upload：選擇一張本機圖片。圖片只會在你的瀏覽器裡處理，不會上傳到任何伺服器。 Coordinates：在圖片上拖拉出想要的範圍，右側會即時顯示兩種格式的座標，各有一個 Copy 按鈕： Normalized %：x1, y1, x2, y2，以圖片寬高的百分比表示左上角與右下角，保留兩位小數。這種格式不受圖片實際尺寸影響，換成不同解析度的同一張圖也能用。 Pixels：x, y, width, height，實際像素座標。 Preview：下方會顯示裁切後的預覽。 裁切框沒有固定長寬比，可以自由拖拉，也可以在圖片上重新框選。 ...
在某些情況下，我們可能需要透過遠端主機的網路來瀏覽網頁。例如有些學校的課程網站可能會限制學校的 IP。 這時，一個常見且有效的方法就是利用 SSH（Secure Shell） 建立一個 SOCKS Proxy，然後讓你的 Chrome 瀏覽器透過這個 proxy 連線。 ...
某次打開電腦突然發現 Chromium 怎麼樣都打不開，用 terminal 執行後發現以下錯誤訊息： The profile appears to be in use by another Chromium process (xxxxx)... Chromium has locked the profile so that it doesn't get corrupted (完整的 error message 可以參考這裡) 上網爬了一下發現把 .config/chromium/SingletonLock 刪掉就可以了。 ...
有時候，我們會在本機電腦上啟動一個 HTTP 伺服器，例如進行測試或開發。但如果你沒有公開 IP，外部使用者就無法直接存取你的伺服器。 不過，如果你手上有一台具有公開 IP 的 SSH 伺服器，就可以利用 SSH Remote Port Forwarding（遠端 port 轉發），讓外界透過該伺服器存取你的本機服務。 ...