You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

jeromebg

Professional

  • "jeromebg" started this thread

Posts: 803

Location: Angers - France

Occupation: Photographer

  • Send private message

1

Friday, December 12th 2014, 3:15pm

Polygonal and distorted hotspot zorder in html5

Hi, I would like my polygonal hotspot on top of a ditorted hotspot, works perfect in flash but in html5 my distorted hotspot always stays on top of the polygonal hotspot even with zorder2 setting ?

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<hotspot name="porte1" url="niveau1_3porte1.jpg" distorted="true" onloaded="calc_pos_from_hfov_yaw_pitch_roll(62,69.01,-0.71,-1.86)" alpha="1" onover="tween(alpha,1)" onout="tween(alpha,0)" zorder2="0.0" zorder="0"/>
<hotspot name="porte2" url="niveau1_3porte2.jpg" distorted="true" onloaded="calc_pos_from_hfov_yaw_pitch_roll(27,11.62,-0.71,0.26)" alpha="0" onover="tween(alpha,1)" onout="tween(alpha,0)" zorder2="0.0" zorder="0"/>

	<hotspot name="briere" fillcolor="0xaaaaaa" fillalpha="0.5" borderwidth="0.0" bordercolor="0xaaaaaa" borderalpha="0.0" enabled="false" handcursor="false"   zorder2="1" zorder="1"
	         >
		<point ath="-45.526769" atv="6.415627" />
		<point ath="21.245838" atv="5.408163" />
		<point ath="98.611434" atv="5.924118" />
		<point ath="152.640868" atv="4.665476" />
		<point ath="167.857022" atv="4.487567" />
		<point ath="-175.093413" atv="5.438" />
		<point ath="-172.36827" atv="5.989895" />
		<point ath="-169.857807" atv="7.123672" />
		<point ath="-162.482515" atv="6.625366" />
		<point ath="-159.054918" atv="6.762422" />
		<point ath="-136.732897" atv="6.764278" />
		<point ath="-133.611125" atv="7.048003" />
		<point ath="-132.448325" atv="6.895559" />
		<point ath="-125.02458" atv="7.351342" />
		<point ath="-123.697053" atv="7.878371" />
		<point ath="-76.014642" atv="7.184439" />
		<point ath="-75.64029" atv="6.563711" />
	</hotspot>


Is there a workaround ?

Thanx !

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

2

Friday, December 12th 2014, 9:09pm

I see in documentation that zorder2 is not supported for polygonal hotstpot. Maybe it is but it is not documented. In case not documented by reason that could lead to conclusion that zorder2 is realy not supported on that type of hotspots.
Workaround: Don't know if your posted polygonal hotspot is something you want to achieve or just example but in case you want to get kind of circle area you can use simple circle png image and scale it e.g. scale="25" and put it on atv="90" and you will have something similar.
Just a thought *rolleyes*

3

Saturday, December 13th 2014, 1:29pm

Hi,

no sorry, that's not possible, all polygonal hotspots were drawn together at an internal 'SVG' layer that is below the normal hotspots. Mixing the order of polygonal and normal/distorted hotspots is not possible in HTML5.

Best regards,
Klaus

4

Wednesday, April 27th 2016, 4:53pm

I have polygonal hotspots that upper than normal in html5 and below in flash. How i can put polygonal hotspots below normal in html5?

v1.9

flash


html5

5

Wednesday, April 27th 2016, 5:25pm

Hi,

it works that way in html5:
  • first the webgl content will be rendered - today (1.19-pr4) this is pano and the image/video hotspots by default (could be changed by the renderer setting)
  • then above the webgl content the html5 content be rendered - that's are hotspots with renderer=css3d, textfield hotspots and polygonal hotspots (drawn via svg) and the layer elements.
Mixing webgl and html content is not possible.

But support for rendering the polygonal hotspots also via webgl is in work - then mixing/ordering them other webgl-drawn hotspots will be possible.

Best regards,
Klaus

6

Wednesday, April 27th 2016, 6:48pm

So... There is no way to solve this problem now?

7

Wednesday, April 27th 2016, 6:53pm

You can add - renderer="css3d" - to the image hotspots. Then they will be above the polygonal hotspots.

8

Wednesday, April 27th 2016, 7:00pm

Perfect! So easy! Thank you!