add: nouvelle page /cutter pour découper post insta (juste interface sans script)

edit: liens affichés en '.plus'
This commit is contained in:
2026-04-21 21:10:25 +02:00
parent 43bbc053eb
commit 9a2c9bae86
5 changed files with 145 additions and 1 deletions
+42
View File
@@ -0,0 +1,42 @@
const CANVAS = document.getElementById("ui-canvas")
const UI_CUTTER = new Image(CANVAS)
const FORM = document.getElementById("cutter-form")
async function updateFromForm(){
let data = new FormData(FORM)
let image = data.get("image")
if(image.size > 0){
if(UI_CUTTER.currentImageFile != image){
await UI_CUTTER.setImage(image)
UI_CUTTER.clearGlitch()
}
} else {
UI_CUTTER.clearImage()
}
document.getElementById("welcome-panel").hidden = image.size > 0
document.getElementById("glitch-panel").hidden = image.size == 0
UI_CUTTER.render()
}
FORM.addEventListener("submit", e => {
e.preventDefault()
updateFromForm()
})
FORM.addEventListener("reset", e => {
FORM.elements["image"].value = ""
updateFromForm()
})
document.getElementById("download-btn").addEventListener("click", async e => {
e.preventDefault();
let data = await UI_CUTTER.toBlob("image/jpeg", 1);
let a = document.createElement('a')
a.href = URL.createObjectURL(data)
a.download = UI_CUTTER.currentImageFile.name
a.click()
setTimeout(() => URL.revokeObjectURL(a.href), 10000)
})