-
javascriptari client-side: a me!Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
Dieci stelline a chi mi aiuta!
Young professional woman and busy mom.-
Re: javascriptari client-side: a me!Scritto daNon Autenticatoil 2016-09-19 11:47:12.0 alle 2016-09-19 11:47:12.0Scritto da: ::1
> Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
Avevo visto una cosa simile, ma non ricordo dove, cerca color picker.
> Dieci stelline a chi mi aiuta!
Fossero sterline Yoda ti aiuterebbe!
-
Re: javascriptari client-side: a me!Scritto daWakko WarnerWakkus Horribilisil 2016-09-19 11:49:28.0 alle 2016-09-19 11:49:28.0Trollate totali: 6779Scritto da: ::1
> Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> Dieci stelline a chi mi aiuta!
Per il canvas
http://www.w3schools.com/tags/canvas_getimagedata....
Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.Gli Svizzeri non sono tutti ricchi - Mattia-
Re: javascriptari client-side: a me!Scritto daNon Autenticatoil 2016-09-19 11:53:53.0 alle 2016-09-19 11:53:53.0Scritto da: Wakko Warner
> Scritto da: ::1
> > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > Dieci stelline a chi mi aiuta!
>
> Per il canvas
> http://www.w3schools.com/tags/canvas_getimagedata....
>
> Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
Per ora ho trovato questo, probabilmente fa come dici:
http://www.project-sierra.de/ImageColorPicker/exam...
-
Re: javascriptari client-side: a me!Scritto da:
> Per ora ho trovato questo, probabilmente fa come dici:
>
> http://www.project-sierra.de/ImageColorPicker/exam...
e ancora
!!
EDIT: Ah, ripainta l'immagine in un canvas ...
**Modificato dall'autore il 19.09.2016 12:00**`"la realta' non e' cosi' terrificante come vogliono farti credere" - Giambo ` - Wakko che cita Giambo
-
Re: javascriptari client-side: a me!Scritto daWakko WarnerWakkus Horribilisil 2016-09-19 12:00:34.0 alle 2016-09-19 12:00:34.0Trollate totali: 6779Scritto da:
> Scritto da: Wakko Warner
> > Scritto da: ::1
> > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > Dieci stelline a chi mi aiuta!
> >
> > Per il canvas
> > http://www.w3schools.com/tags/canvas_getimagedata....
> >
> > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
>
> Per ora ho trovato questo, probabilmente fa come dici:
>
> http://www.project-sierra.de/ImageColorPicker/exam...
Infatti usa due canvas in cui copia all'interno le immagini.Gli Svizzeri non sono tutti ricchi - Mattia
-
Re: javascriptari client-side: a me!Scritto da:
> Scritto da: Wakko Warner
> > Scritto da: ::1
> > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > Dieci stelline a chi mi aiuta!
> >
> > Per il canvas
> > http://www.w3schools.com/tags/canvas_getimagedata....
> >
> > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
>
> Per ora ho trovato questo, probabilmente fa come dici:
>
> http://www.project-sierra.de/ImageColorPicker/exam...
E' lui! stasera faccio una update e metto 10 stelline al post.
Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
Sono o non sono un genio del male?
Young professional woman and busy mom.-
Re: javascriptari client-side: a me!Scritto da: ::1
> Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> Sono o non sono un genio del male?
Non riesco a decidermi se e' un idea geniale o una cazzata monumentale
https://makeaclickablemap.com/create-clickable-map...
`"la realta' non e' cosi' terrificante come vogliono farti credere" - Giambo ` - Wakko che cita Giambo
-
Re: javascriptari client-side: a me!Scritto daWakko WarnerWakkus Horribilisil 2016-09-19 14:40:04.0 alle 2016-09-19 14:40:04.0Trollate totali: 6779Scritto da: ::1
> Scritto da:
> > Scritto da: Wakko Warner
> > > Scritto da: ::1
> > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > Dieci stelline a chi mi aiuta!
> > >
> > > Per il canvas
> > > http://www.w3schools.com/tags/canvas_getimagedata....
> > >
> > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> >
> > Per ora ho trovato questo, probabilmente fa come dici:
> >
> > http://www.project-sierra.de/ImageColorPicker/exam...
>
> E' lui! stasera faccio una update e metto 10 stelline al post.
> Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> Sono o non sono un genio del male?
Potrebbe essere brutto da vedersi. In alternativa potresti creare un array delle dimensioni dell'immagine a cui ogni posizione x,y associ un valore da 1 (prima regione) a 20 (ultima regione).
Gli Svizzeri non sono tutti ricchi - Mattia-
Re: javascriptari client-side: a me!Scritto da: Wakko Warner
> Scritto da: ::1
> > Scritto da:
> > > Scritto da: Wakko Warner
> > > > Scritto da: ::1
> > > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > > Dieci stelline a chi mi aiuta!
> > > >
> > > > Per il canvas
> > > > http://www.w3schools.com/tags/canvas_getimagedata....
> > > >
> > > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> > >
> > > Per ora ho trovato questo, probabilmente fa come dici:
> > >
> > > http://www.project-sierra.de/ImageColorPicker/exam...
> >
> > E' lui! stasera faccio una update e metto 10 stelline al post.
> > Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> > Sono o non sono un genio del male?
>
> Potrebbe essere brutto da vedersi. In alternativa potresti creare un array delle dimensioni dell'immagine a cui ogni posizione x,y associ un valore da 1 (prima regione) a 20 (ultima regione).
>
>
Ho sganciato il codice di quel link da jquery e jquery-ui che sono dell'anno del cucco:<!doctype html> <html> <head> <title>canvas!</title> </head> <body> <canvas style="border:1px solid black" id=immycnv></canvas> </body> <script> window.onload = function() { var canvas = document.getElementById('immycnv'); var context = canvas.getContext('2d'); var image = new Image(); image.src = 'canvas.png'; canvas.width = image.width; canvas.height = image.height; context.drawImage(image, 0, 0); canvas.onclick = function(event) { var x = event.offsetX; var y = event.offsetY; var imageData; try { imageData = context.getImageData(0, 0, image.width, image.height); } catch (e) { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); imageData = context.getImageData(0, 0, image.width, image.height); } var pixel = ((y * imageData.width) + x) * 4; var color = { R : imageData.data[pixel], G : imageData.data[pixel+1], B : imageData.data[pixel+2] }; alert("R: " + color.R + " G: " + color.G + " B: " + color.B); }; }; </script> </html>
**Modificato dall'autore il 19.09.2016 14:54**Young professional woman and busy mom.-
Re: javascriptari client-side: a me!Scritto daNon Autenticatoil 2016-09-19 14:56:31.0 alle 2016-09-19 14:56:31.0Scritto da: ::1
> Scritto da: Wakko Warner
> > Scritto da: ::1
> > > Scritto da:
> > > > Scritto da: Wakko Warner
> > > > > Scritto da: ::1
> > > > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > > > Dieci stelline a chi mi aiuta!
> > > > >
> > > > > Per il canvas
> > > > > http://www.w3schools.com/tags/canvas_getimagedata....
> > > > >
> > > > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> > > >
> > > > Per ora ho trovato questo, probabilmente fa come dici:
> > > >
> > > > http://www.project-sierra.de/ImageColorPicker/exam...
> > >
> > > E' lui! stasera faccio una update e metto 10 stelline al post.
> > > Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> > > Sono o non sono un genio del male?
> >
> > Potrebbe essere brutto da vedersi. In alternativa potresti creare un array delle dimensioni dell'immagine a cui ogni posizione x,y associ un valore da 1 (prima regione) a 20 (ultima regione).
> >
> >
>
> Ho sganciato il codice di quel link da jquery e jquery-ui che sono dell'anno del cucco:
>> <!doctype html> > <html> > <head> > <title>canvas!</title> > </head> > <body> > <canvas style="border:1px solid black" id=immycnv></canvas> > </body> > <script> > window.onload = function() { > var canvas = document.getElementById('immycnv'); > var context = canvas.getContext('2d'); > var image = new Image(); > image.src = 'canvas.png'; > canvas.width = image.width; > canvas.height = image.height; > context.drawImage(image, 0, 0); > canvas.onclick = function(event) { > var x = event.offsetX; > var y = event.offsetY; > var imageData; > try { > imageData = context.getImageData(0, 0, image.width, image.height); > } catch (e) { > netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); > imageData = context.getImageData(0, 0, image.width, image.height); > } > var pixel = ((y * imageData.width) + x) * 4; > var color = { > R : imageData.data[pixel], > G : imageData.data[pixel+1], > B : imageData.data[pixel+2] > }; > alert("R: " + color.R + " G: " + color.G + " B: " + color.B); > }; > }; > </script> > </html> >
BBRRR, tu scrivi codice nel tempo che io impiego a pensare "dovrei scrivere del codice".
-
-
Re: javascriptari client-side: a me!Scritto daNon Autenticatoil 2016-09-19 14:54:51.0 alle 2016-09-19 14:54:51.0Scritto da: Wakko Warner
> Scritto da: ::1
> > Scritto da:
> > > Scritto da: Wakko Warner
> > > > Scritto da: ::1
> > > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > > Dieci stelline a chi mi aiuta!
> > > >
> > > > Per il canvas
> > > > http://www.w3schools.com/tags/canvas_getimagedata....
> > > >
> > > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> > >
> > > Per ora ho trovato questo, probabilmente fa come dici:
> > >
> > > http://www.project-sierra.de/ImageColorPicker/exam...
> >
> > E' lui! stasera faccio una update e metto 10 stelline al post.
> > Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> > Sono o non sono un genio del male?
>
> Potrebbe essere brutto da vedersi. In alternativa potresti creare un array delle dimensioni dell'immagine a cui ogni posizione x,y associ un valore da 1 (prima regione) a 20 (ultima regione).
Non c'era un tag MAP per cose simili?
-
-
Re: javascriptari client-side: a me!Scritto daNon Autenticatoil 2016-09-19 15:04:00.0 alle 2016-09-19 15:04:00.0Scritto da: ::1
> Scritto da:
> > Scritto da: Wakko Warner
> > > Scritto da: ::1
> > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > Dieci stelline a chi mi aiuta!
> > >
> > > Per il canvas
> > > http://www.w3schools.com/tags/canvas_getimagedata....
> > >
> > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> >
> > Per ora ho trovato questo, probabilmente fa come dici:
> >
> > http://www.project-sierra.de/ImageColorPicker/exam...
>
> E' lui! stasera faccio una update e metto 10 stelline al post.
> Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> Sono o non sono un genio del male?
Mi raccomando, nord in tonalità di verde, centro bianco e sud rosso.-
Re: javascriptari client-side: a me!Scritto daWakko WarnerWakkus Horribilisil 2016-09-19 15:10:47.0 alle 2016-09-19 15:10:47.0Trollate totali: 6779Scritto da:
> Scritto da: ::1
> > Scritto da:
> > > Scritto da: Wakko Warner
> > > > Scritto da: ::1
> > > > > Se ho un'immy, si riesce ad avere al clic il colore del pixel cliccato? Pensavo che svg avesse qualcosa del genere, ma non trovo info a portata di google.
> > > > > Dieci stelline a chi mi aiuta!
> > > >
> > > > Per il canvas
> > > > http://www.w3schools.com/tags/canvas_getimagedata....
> > > >
> > > > Per i tag <img> non credo sia possibile, però puoi creare un canvas (anche nascosto penso) e disegnarci l'immagine dentro e poi procedere come sopra.
> > >
> > > Per ora ho trovato questo, probabilmente fa come dici:
> > >
> > > http://www.project-sierra.de/ImageColorPicker/exam...
> >
> > E' lui! stasera faccio una update e metto 10 stelline al post.
> > Comunque devo disegnare una cartina dell'italia e poter cliccare sulle 20 regioni per andare a delle pagine specifiche, pensavo di colorarle tutte diverse e usare il colore del pixel per determinare la regione.
> > Sono o non sono un genio del male?
>
> Mi raccomando, nord in tonalità di verde, centro bianco e sud rosso.
Sotto la padania sono tutti negri. Metti verde sopra e nero sotto.
Gli Svizzeri non sono tutti ricchi - Mattia
-
-
-
-
-