Update save image function to export image without surrounding border 🐜
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- javascript
- Ambito
- frontend
Direzione di ricerca
Start by locating the saveCanvas function and the save image button, then trace how stacksize, canvassize, and canvasspace determine the exported region. Verify the current output dimensions and adjust the save behavior so it excludes the canvasspace area; confirm that the saved image contains only the stacksize region.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
In Firebox the saveCanvas function saves a file with dimension of stacksize (width and height of the image), whereas in Chrome it seems to includes a black band around the outside, presumably canvassize which is currently defined as stacksize + canvasspace.
Update: Behaviour now appears consistent across browsers (perhaps issue identified above was a caching problem): both Firefox and Chrome save canvas based on canvassize (which is what you'd expect from the code). Ideally the save function should only export stacksize as per the following.
Current behaviour
When users click on "save image" button saveCanvas function exports canvassize which is currently defined as stacksize + canvasspace.
Desired behaviour
When users click on "save image" button they should ideally be able to export the area currently defined as stacksize, excluding the canvasspace area which has been included to allow space for save button, sliders, dropdown menus and other user interface features to customise and adjust the image.
This could possibly be addressed by splitting into two phases and/or screen areas:
- A configuration, including inputting image URLs and adjusting settings;
- Image canvas, for previewing image and showing what would be saved with the "save image" button.
- Lingua principale
- JavaScript
- Stelle
- 2
- Fork
- 2
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di PublicDataLab/image-explorer
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 45/100
-
Add rollover image previews 🔮Forse di nuovo libera @jwyg l’ha presa 2295 giorni fa e non c’è nessuna pull request aperta. Apertaenhancement
PublicDataLab/image-explorer#8 · 1 assegnatario ·
-
Add image grid 🍱Forse di nuovo libera @jwyg l’ha presa 2295 giorni fa e non c’è nessuna pull request aperta. Apertaenhancement
PublicDataLab/image-explorer#6 · 1 assegnatario ·
Tutte le issue di PublicDataLab/image-explorer
Issue simili
-
feature task
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
RealDevSquad/website-www#1178 ·
-
add latest sol modelAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
netlify-labs/nax#56 · 2 commenti · 1 reazione ·
-
accessibility bug revealjs
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
quarto-dev/quarto-cli#14961 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
PnX-SI/GeoNature#4435 · 2 commenti ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
openlayers/openlayers#17648 ·
I maintainer di solito rispondono entro 1 giorno