Supponiamo che il vostro compito sia quello di realizzare un documento in html di cui sia prevista la stampa in un foglio A4. Nel foglio di stile è possibile specificate le misure in millimetri così che quando ad esempio dobbiate specificare le dimensioni dell'area contenente il documento, possiate prendere in considerazione le misure standard del foglio A4, cioè 210x297 millimetri, e quindi ad esse togliere un margine previsto di circa 10 millimetri per ogni lato. Potete realizzare il vostro layout della pagina in html usando sia una tabella contenente una cella a cui sia stato applicato un padding di 10mm oppure usare un div a cui è applicato lo stile:
.test_cover {
position: relative; top: 10mm; left: 10mm;
width: 190mm; height: 277mm; background-color: #F0F0F0;
}
Ora supponiamo che nel documento ci sia un svg contenete del testo (avete deciso di mettere nel documento un testo in verticale e l'unico modo che avete per farlo è quello di metterlo dentro un text svg ruotato di 90 gradi). Mettete il codice svg nel codice html e grazie al fatto che avete realizzato una pagina xhtml riconosciuta come tale dal browser vi aspettate che il documento sia presentato correttamente con l'immagine svg renderizzata correttamente col testo in verticale.
Sicuri?
Si, se nell'immagine contiene solo cerchi, quadrati, figure geometriche più o meno complesse l'immagine viene presentata correttamente. Però se provate a mostrare del testo in una immagine svg collocata dentro un documento realizzato come sopra, cioè in cui la view che contiene l'immagine sia stata traslata di una misura espressa in millimetri, il testo magicamente scompare.
Strano, no?
Soluzioni? Si, ci sono: non usare alcuna traslazione o esprimerla in pixel.
Quindi, in attesa che esca FF3.0 e che (forse) il problema scompaia... chi mi dice a quanti pixel corrispondono 10mm?
p.s.: ho provat con Gran Paradiso Alpha 4 e il bug non si ripresenta. In compenso non mi funzionano più altre cose.
mercoledì, maggio 02, 2007
Iscriviti a:
Commenti sul post (Atom)

Nessun commento:
Posta un commento