Sie sind nicht angemeldet.

The SVG image is not visible in IE11 (Windows 7 SP1, x64)

nosferatu

Schüler

  • »nosferatu« ist der Autor dieses Themas

Beiträge: 80

Wohnort: Ukraine

  • Nachricht senden

1

Donnerstag, 26. Oktober 2017, 19:42

The SVG image is not visible in IE11 (Windows 7 SP1, x64)

Hello Klaus!

I noticed that the svg image is not displayed in ie11.
And I created a test page to demonstrate this problem.

If you manually set the background-size, then we will see the image.

Could you solve this problem?
Thank you!

Example: https://karta3d.net/aua/bugs/svg_ie11/

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<layer name="icon"
	   url="svg/icon.svg"
	   align="center"
	   crop="100|0|100|100"
	   width="100"
	   height="100"
	   event="fix()"
/>

<layer name="test" type="text" align="top" y="15" padding="8 10" html="FIX IE11" onclick="callwith(layer[icon], event)" />

<action name="fix" type="JavaScript">
	setTimeout(function() {caller.sprite.style.backgroundSize = "200px, 400px"}, 0);
</action>

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

2

Freitag, 27. Oktober 2017, 11:01

Hi,

If you want this particular shape, use the krpano syntax. Then everything will work (HTML5 only, but...)


Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13

<layer name="icon"      
type="container"     
align="center"     
edge="center"     
width="75"     
height="75"     
bgroundedge="100"     
bgcolor="0xFFFFFF"     
bgalpha="1" 
bgcapture="true"     
bgshadow="0 0 0 9 0xff4400 1 inset, 0 0 0 9 0xffffff 0.6"     
event="fix()"  
/>



Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

nosferatu

Schüler

  • »nosferatu« ist der Autor dieses Themas

Beiträge: 80

Wohnort: Ukraine

  • Nachricht senden

3

Freitag, 27. Oktober 2017, 11:23

Zitat von »spacerywirtualne«

Hi, If you want this particular shape, use the krpano syntax. Then everything will work (HTML5 only, but...)

Hello!
I need to use rather complicated svg images.
This form is just an example.

nosferatu

Schüler

  • »nosferatu« ist der Autor dieses Themas

Beiträge: 80

Wohnort: Ukraine

  • Nachricht senden

4

Mittwoch, 1. November 2017, 21:29

Klaus, could you please comment on this problem? Thank you!

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Donnerstag, 2. November 2017, 20:41

Zitat von »nosferatu«

Klaus, could you please comment on this problem? Thank you!

I haven't tested this yet, but it's already on my check-list.

Beside of this - there is no special handling for SVG image in krpano - they will be loaded like any other image, so that might be a browser bug.
More when I know more.

Best regards,
Klaus

nosferatu

Schüler

  • »nosferatu« ist der Autor dieses Themas

Beiträge: 80

Wohnort: Ukraine

  • Nachricht senden

6

Donnerstag, 2. November 2017, 23:12

Thank you for your reply!

Yes, this is really a browser bug.
In my tests, I found that the browser IE11 initializes properties image naturalWidth and naturalHeight as 0.

Ähnliche Themen