Sie sind nicht angemeldet.

1

Samstag, 3. August 2013, 21:54

Textfield scaling issue on html5 pages [resolved]

Hello.

I'm having a problem with the textfield only on html5 pages.

I am using something similar to the example provided (http://krpano.com/examples/textfield/), but on html5 the text has a scaling issue. I have looked the forum, but had no result. Is it something I am missing to do to have the text the same for html5?

Please see the attached images.

The page and xml files are here:

http://carpati360.ro/20100815_Refugiul%2…ea_Fagaras.html

http://carpati360.ro/20100815_Refugiul%20Vistea_Fagaras/20100815_Refugiul_Vistea_Fagaras.xml

Thanks!

Catalin
»sundummy« hat folgende Bilder angehängt:
  • flash.jpg
  • html5.jpg
------
www.carpati360.ro
Romanian Carpathian mountains tour

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »sundummy« (12. August 2013, 10:07)


Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

2

Samstag, 3. August 2013, 23:01

Hi!

I'm a bit confused about this parameter in the textfield plugin

Quellcode

1
autosize="center"


I don't see it in the documentation, or am I missing it? *confused*
Regards,

Alexey

3

Sonntag, 4. August 2013, 05:24

Here is the xml I have used as template: http://krpano.com/examples/textfield/textfield.xml

Maybe that is outdated.

But I've tested it without autosize and it has the same result.
------
www.carpati360.ro
Romanian Carpathian mountains tour

4

Donnerstag, 8. August 2013, 13:44

textfield autosize parameter

I found this, I don't know if its is still supported or not but this is what the docs say about the parameter
Quoted from "Textfield plugin doc"

  • autosize
    fit height of textfield automatic to the content
    allowed values: "none", "left", "center", "right", default="none"

5

Donnerstag, 8. August 2013, 14:04

Hi,

the problem is the different HTML-code support between the Flashplayer and real browsers.

e.g. the Flashplayer with its limited HTML support needs the fontsizes defined with:
<font ... size="16px"> ... </font>

where on the other side real browsers in HTML5 needs to have a 'style':
<tag ... style="font-size:16px"> ... </tag>

Here a way to combine both to make it working in Flash and HTML5:
<font size="16px" style="font-size:16px"> ... </font>

The Flashplayer sees the <font> tag with the size setting and the HTML5 browser see an unknown tag (will act like a <span> element) but with a style and so applies the style to the enclosed content.

See also here about the unsupported <font> tag in HTML5:
http://www.w3schools.com/tags/tag_font.asp

Best regards,
Klaus

6

Montag, 12. August 2013, 10:06

Hi Klaus,

Sorry to reply so late.

It's working now. The font-size tag seems to resolve this issue.

Thanks for your support!

Catalin
------
www.carpati360.ro
Romanian Carpathian mountains tour