ugrás a tartalomhoz

Tervrajzrészletek kiemelése

bsanyi · 2007. Jan. 30. (K), 22.22
Üdv Mindenkinek,

egyik kuncsaftunk szeretne egy új belső szolgáltatást indítani, ahol néhány épületének tervrajzain található részeket kellene kiemelni.

Egy iránymutatást keresek, amely nem flash alapú, hanem HTML alapokon nyugszik?

A nehézség azon alapszik, hogy nem minden kiemelendő rész szabályos négyszög, hanem sokszögű és kiegészítve négyszöggé), a részek egymást fedik. Továbbá a különböző részleteknek több státusza is lehet, amelyet adatbázisból szedek ki és ez alapján színezném be (vagy cserélem le a kép részletét).

Több irányba is elindultam a neten való kereséskor, de jó ötletet nem találtam:
- area shape, vagy dd/dl css combó;
- esetleg gondoltam PHP/GD oszályra is, ez esetben viszont rengeteg képet kell GD-vel legeneráltatni a különböző státuszokra, hogyan teljesít ilyenkor a GD?

Csinált már esetleg valaki ilyet? Útmutatásra lenne szükségem, amelyet előre is köszönök.

Üdv
Sanyi
 
1

Ötlet

Charybdis · 2007. Jan. 31. (Sze), 01.03
És miért muszáj HTML-ben? Esetleg lehetne Javában, abban nem lenne túj bonyolult.

Vagy csináld abszolút pozicíonálású, és megadott szélességú div-ekkel, z-indexet is bevetve akár.
4

Ez az egyik irány

bsanyi · 2007. Jan. 31. (Sze), 08.38
Üdv Charybdis,

magam is az abszolút pozicionálású div-ekre gondoltam, három fő réteget kialakítva! Tervrajz, körvönal kiemeléseknek Area objektummal és közte pedig a státuszváltozást mutató abszolút pozicionálású DIV-ek.

A Javan belül gondolom Appletre gondolsz? Esetleg bővebben kifejtenéd?

Üdv
Sanyi
2

CANVAS

attlad · 2007. Jan. 31. (Sze), 01.45
Nem pontosan értem, de ha rajzos dolgokat, alakzatokat akarsz akkor a HTML 5 CANVAS elemét ajánlanám, példák:
http://canvaspaint.org/
http://abrahamjoffe.com.au/ben/canvascape/
http://www.google.com/search?hl=en&q=html%20canvas%20demo
3

Kompatibilitás

bsanyi · 2007. Jan. 31. (Sze), 08.34
Üdv attlad,

sajnos az IE6 az nem támogatja a canvas objektumot

Üdv
Sanyi
5

ExplorerCanvas

attlad · 2007. Jan. 31. (Sze), 09.02
Van ez: http://excanvas.sourceforge.net/ ill. a linkelt Wikipedia oldalon további info a kompatibilitással kapcsolatban.
6

Opera 9

primusz · 2007. Jan. 31. (Sze), 09.23
Megnéztem a fent ajánlott címeken a példákat és nekem úgy fest az Opera 9 sincs a Canvas-használat magaslatán... Még...

(Bocs, a 3-asra lett volna válasz)
7

Canvas

bsanyi · 2007. Jan. 31. (Sze), 10.49
Üdv attlad,

szerintem túl sok megszorítással jár a böngészők részéről. Azt hiszem megtanulom inkább a flash-t és azzal oldom meg a feladatot, eddig a részig szerintem nem olyan bonyolult a flash. Midenesetre köszönöm a válaszodat, követni fogom a canvas objektum fejlődését.

Üdv
Sanyi