Bildlupp
HTML5, JavaScript, Canvas
Ett interaktivt verktyg som ger en överblick samtidigt som det fungerar som ett förstoringsglas för att förstora och zooma in på detaljer.
Stockholms stadsbibliotek © Hans E Andersson
- Klicka i bild för aktivera / deaktivera.
- Scrollhjul, öka / minska storlek på förstoringsglas
- Tangentbort [F] för fullskärm.
- Tangentbord [Esc] för att lämna fullskärmsläge.
Bildlupp Exempel
Återblick tidigare tekniker, Lingo och Flash
Under min tid som utvecklare för en multimediaproduktion vid Statens Historiska museum år 2006, utvecklade jag flera fallstudier inriktade på bildförstoring. Det primära programmeringsspråket för mig under denna period var "Lingo", eftersom Flash ännu inte hade utvecklats för att effektivt hantera denna typ av projekt. Lingo erbjöd anmärkningsvärda 3D-funktioner för hårdvaruaccelererad grafik, en kapacitet som Flash saknade, särskilt vid den tiden. Bilden nedan presenterar en Flash-adaptering av en av dessa fallstudier, vilket visar utvecklingen av tekniken för bildförstoring.
Översättning av gammat teknik till ny HTML/JavaScript/Canvas metod.
Zoomer, en fallstudie av bildförstoring för multimedia-DVD:n 'Förhistorier'. Flash- och Shockwave Player är gamla tekniker och nedlagda sedan länge men kan översättas till nya modernare metoder som visas på denna sida.
Historik, fallstudie
Forntider Historiska Museet. Monterbild: Romersk skopa. På skopan finns en fabriksstämpel. Tidsperiod: 0 - 400 e Kr.
Titta på förstoring med ny HTML metod.
(Skärmdump 1)
id=192
movname=xom01_prod03.dir
platform=Windows,32 (D:\works\shm\forntider\xom01_prod03.dir)
date=2006-12-29 03:47:47
frame=5
width=800
height=600
dump=1
foto=2007-02-08 04:24:26
bgcolor=rgb( 0, 0, 0 )
© Hans E Andersson