/
Forside
/
Teknologi
/
Udvikling
/
Java Scripts
/
Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn
*
Kodeord
*
Husk mig
Brugerservice
Kom godt i gang
Bliv medlem
Seneste indlæg
Find en bruger
Stil et spørgsmål
Skriv et tip
Fortæl en ven
Pointsystemet
Kontakt Kandu.dk
Emnevisning
Kategorier
Alfabetisk
Karriere
Interesser
Teknologi
Reklame
Top 10 brugere
Java Scripts
#
Navn
Point
1
molokyle
5410
2
Klaudi
2799
3
smorch
2439
4
kim
1360
5
Harlekin
1134
6
bentjuul
984
7
gibson
800
8
severino
695
9
Random
675
10
konsulent..
626
To billeder oven på hinanden?
Fra :
Allan Unnerup
Dato :
07-04-05 21:39
Jeg vil gerne markere en given position på et kort med en rød prik.
Eksempel:
Jeg har et billede A på 100 x 200 pixels, hvor jeg gerne vil placere en rød
prik (billede B på 5x5 pixels) med centrum i position 50, 20 på billede A. I
browseren skal det så se ud som et enkelt billede med en rød prik med
centrum i 50, 20.
En mulighed er benytte mit java-grafik-bibliotek på serveren til at male en
rød prik på billedet, så resultatet bliver eet nyt billede med en prik.
Dette nye billede kan jeg så efterfølgende vise på klienten.
Men er det også muligt fx at gøre det ved hjælp af ccs? JavaScript? HTML?
Hvad er det smarteste?
Med venlig hilsen
Allan
Christian Hansen (
07-04-2005
)
Kommentar
Fra :
Christian Hansen
Dato :
07-04-05 22:08
Hej Allan
Allan Unnerup wrote:
> En mulighed er benytte mit java-grafik-bibliotek på serveren til at male en
> rød prik på billedet, så resultatet bliver eet nyt billede med en prik.
> Dette nye billede kan jeg så efterfølgende vise på klienten.
>
> Men er det også muligt fx at gøre det ved hjælp af ccs? JavaScript? HTML?
>
Jeps. Herunder har jeg bare lavet et eksempel med 2 divs. man kunne i
princippet lade være at sætte en baggrundsfarve på dem og i stedet smide
et baggrundsbillede i hver eller bare et almindeligt billede med
<img>-tagget i hver.
Eksemplet skal blot tjene til inspiration til,hvordan man kunne løse
opgaven. Der er ret mange flere måder at gøre det på.
<div
style="background-color:red;width:100px;height:100px;z-index:1;position:absolute;top:100px;left:100px;">
<div
style="background-color:green;width:10px;height:10px;position:absolute;top:45px;left:45px;z-index:2;"></div>
</div>
mvh Christian
Søg
Alle emner
Teknologi
Udvikling
Java Scripts
Indstillinger
Spørgsmål
Tips
Usenet
Reklame
Statistik
Spørgsmål :
177495
Tips :
31968
Nyheder :
719565
Indlæg :
6408489
Brugere :
218886
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.