hotspot can't display css icon,layer can,how to solution?

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

arielei

Anfänger

Beiträge: 28

Montag, 8. Oktober 2018, 12:54

hotspot can't display css icon,layer can,how to solution?

1.link css

	Quellcode
1	<link rel="stylesheet" type="text/css" href="//cdn.materialdesignicons.com/2.8.94/css/materialdesignicons.min.css">

2.xml code-hotspot(can't display css icon)

	Quellcode
1	<hotspot name="spot1" style="test" ath="0" atv="0" html="1235555 [span class='mdi mdi-map-marker-radius' /]" />

	Quellcode
1	<style name="test" type="text" url="%SWFPATH%/plugins/textfield.swf" backgroundcolor="0x000000" backgroundalpha="0.8" css="font-size:20px; color:#ffffff" />

3.xml code-layer(can display css icon)

	Quellcode
1	<layer name="spot1" style="test" ath="0" atv="0" html="1235555 [span class='mdi mdi-map-marker-radius' /]" />

	Quellcode
1	<style name="test" type="text" url="%SWFPATH%/plugins/textfield.swf" backgroundcolor="0x000000" backgroundalpha="0.8" css="font-size:20px; color:#ffffff" />

i want to use hotspot,but it can't display css icon,what's wrong?

»arielei« hat folgende Bilder angehängt:

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Montag, 8. Oktober 2018, 20:34

Hi,

add renderer="css3d" to the <hotspot> element.

By default hotspots are rendered by WebGL and there the textfields are created by own custom drawing and not by the browser. Therefore the HTML/CSS support is limited there, re-implementing a 'full-browser' just to get some text would be too much of course.

Btw - note - there is a reason why WebGL is used by default: the performance is better, the cross-browser-compatibility is better, and rendering quality can be better (e.g. when using oversampling and mipmapping), the rendering between the pano and the hotspot is fully sync (CSS3D is slightly async on iOS sometimes), stereo-rendering/vr-support is possible.

Best regards,
Klaus