Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Javascript, kuvat ja layerit

jumitusta [19.02.2010 02:56:49]

#

Tarkoitus olisi että esim. piirtäisin ison vihreän neliön(kuva1) ja mustan ympyrän(kuva2). Kuva2:n ympärystä olisi läpinäkyvä, eli kun tulostaisin molemmat kuvat selaimeen, näkyisi vihreän neliön sisällä musta ympyrä...

Mutta ongelma on se, että haluaisin esim. onClick toiminnon joka toimisi vain silloin kun painetaan mustasta ympyrästä, eikä myös silloin kun painetaan ympyrän vierestä(ollen kuva2:n läpinäkyvällä alueella, mistä näkyy nyt kuva1). Onko tämä mahdollista jollain layereillä tai jollain? Kiitos.

Metabolix [19.02.2010 11:04:24]

#

Voit lisätä päällimmäiseen kuvaan (tai kuvien päälle ylimääräiseen täysin läpinäkyvään kuvaan) image mapin.

jumitusta [20.02.2010 08:49:15]

#

Kiitos paljon! En tienny tommosenkaan toiminnon olemassa oloa...tuolla ei taida ihan yksinkertasesti saada mielivaltasia alueita piirrettyä, mutta tolla pääsee jo pitkälle. kiitos.

Sami [20.02.2010 09:00:52]

#

Mielivaltaisen mallinen polygoni kyllä onnistuu:
<area shape="poly" coords="x1,y1,x2,y2,x3,y3,..." href="foo" alt="bar" />

Lebe80 [20.02.2010 10:30:35]

#

Kannattaa kyl miettiä et onko se loppujen lopuks niin tärkeää että painettava alue on juuri ympyrä. Ettei esim. ihan neliönmuotoisella osuma-alueella pärjäisi, oli siinä sitten taustakuvana ympyrä, taikka kolmio piirrettynä.

Metabolix [20.02.2010 12:24:44]

#

Polygonilla voi tosiaan tehdä "mitä vain", ja onhan tuossa valmis toiminto ympyrällekin.

jumitusta [20.02.2010 15:17:06]

#

OK. kiitos. Tarkoitus olisi käyttää tuota vaikka johonkin javascript peliin, jossa esim. tiettyyn kohtaan ukon liikuttaminen näppäimillä käynnistäisin jonkun funktion, eikä tarvisi antaa kymmeniä eri koordinaattien välejä joista funktio käynnistyy.

Ideaali mitä aluksi hain oli että voisi piirtää kuvankäsittelyohjelmalla mielivaltaisen esim. mustan kuvan, jonka ympäristö on läpinäkyvä, ja kun käyttäjä liikuttaa ukon mustalle alueelle, käynnistyy funktio...

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta