Nałożenie koloru, jpg na pole area, Potrzebuje nałożyć kolor na wybrany area z map Opcje

[zaajcu]

Cześć
Mam taką mapę

[HTML] pobierz, plaintext 
<map name="Map" id="Map">
  <area shape="rect" coords="555,574,664,1049" href="#map1" style="border: 1px solid red; background: gold;"/>
  <area shape="rect" coords="690,767,1063,1067" href="#map2" />
  <area shape="rect" coords="692,608,956,758" href="#" />
<area shape="poly" coords="961,357,1084,357,1085,468,1057,468,1057,533,1068,533,1068,477,1222,478,1222
,664,1068,664,1067,603,1057,603,1057,766,961,766" href="#/>
</map>
[HTML] pobierz, plaintext 

i potrzebuje nałożyć kolor na pole area. problemu nie ma z polem shape="rect" natomiast nie moge sobie poradzić z polem area shape="poly"

z rect zrobiłem diwa position absolute tło...

Macie może jakiś pomysł jak nałożyć kolor na pole poly?

problem jest też w tym że tych map będzie sporo, i chciałbym to zrobić jakoś z automatu bo można by zrobić jakieś grafiki png i pozycjonować to tylko przy 40 mapach, gdzie na każdej może być po 20 pol area to już jest troche roboty bo daje to 800 różnych grafik do zrobienia :/

znalazłem rozwiązanie

http://davidlynch.org/projects/maphilight/docs/

tylko teraz jeszcze przydało by się móc nałożyć tło z pliku i było by cudownie

Niestety nie da się tam wrzucić tła z pliku :/
Może macie jakiś pomysł jak to inaczej zrobić

Ten post edytował zaajcu 16.02.2012, 12:23:06

[prowseed]

http://dev.opera.com/articles/view/html-5-...insertingimages

Mozesz poprobowac z canvas'em w nowym html5, ale ma dwa minusy- po pierwsze dopiero IE9 go obsluguje (z innymi przegladarkami nie jest zle), a po drugie przy duzej ilosci canvasow ( jak do tego dojda jeszcze jakies transformacje real-time ) procesor potrafi niezle zamulic.