TEST2
找出兩張圖片中的不同之處!
遊戲說明:
下面有兩張圖片,右邊的圖片有 5 個與左邊不同的地方。請點擊右邊圖片上你認為不同的區域。
重要:
- 圖片路徑設定: 程式碼中預設的圖片連結可能已失效。你需要提供自己的圖片。
- 準備一張原始圖片和一張有5處修改的圖片。
- 將它們放到與此HTML檔案相同的資料夾中,例如命名為 `original.jpg` 和 `modified.jpg`。
- 然後,在下方的JavaScript程式碼中,更新 `image1Src` 和 `image2Src` 的值,例如:
`const image1Src = "original.jpg";`
`const image2Src = "modified.jpg";`
- 如果你修改的位置與預設的不同,也請一併更新 `differences` 陣列中的座標 (`x`, `y`) 和半徑 (`radius`)。座標是相對於圖片寬高百分比。
預設的差異點子(供你參考製作修改版圖片):
所有文章主題
最新資訊 / 會員好禮 / 優惠活動 / 好文推薦