Widget:ModelViewer: Difference between revisions
No edit summary |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
<includeonly> | |||
<model-viewer | <model-viewer | ||
src="<!--{$src|escape}-->" | src="<!--{$src|escape}-->" | ||
| Line 4: | Line 5: | ||
width="<!--{$width|escape|default:'100%'}-->" | width="<!--{$width|escape|default:'100%'}-->" | ||
height="<!--{$height|escape|default:'400px'}-->" | height="<!--{$height|escape|default:'400px'}-->" | ||
<!--{if $ | |||
<!--{if $ | <!--{if $poster}-->poster="<!--{$poster|escape}-->"<!--{/if}--> | ||
<!--{if $loading}-->loading="<!--{$loading|escape}-->"<!--{/if}--> | |||
<!--{if $reveal}-->reveal="<!--{$reveal|escape}-->"<!--{/if}--> | |||
<!--{if $withCredentials}-->with-credentials<!--{/if}--> | |||
<!--{if $autoRotate}-->auto-rotate<!--{/if}--> | |||
<!--{if $autoRotateDelay}-->auto-rotate-delay="<!--{$autoRotateDelay|escape}-->"<!--{/if}--> | |||
<!--{if $rotationPerSecond}-->rotation-per-second="<!--{$rotationPerSecond|escape}-->"<!--{/if}--> | |||
<!--{if $cameraControls}-->camera-controls<!--{/if}--> | |||
<!--{if $cameraOrbit}-->camera-orbit="<!--{$cameraOrbit|escape}-->"<!--{/if}--> | |||
<!--{if $cameraTarget}-->camera-target="<!--{$cameraTarget|escape}-->"<!--{/if}--> | |||
<!--{if $fieldOfView}-->field-of-view="<!--{$fieldOfView|escape}-->"<!--{/if}--> | |||
<!--{if $minCameraOrbit}-->min-camera-orbit="<!--{$minCameraOrbit|escape}-->"<!--{/if}--> | |||
<!--{if $maxCameraOrbit}-->max-camera-orbit="<!--{$maxCameraOrbit|escape}-->"<!--{/if}--> | |||
<!--{if $minFieldOfView}-->min-field-of-view="<!--{$minFieldOfView|escape}-->"<!--{/if}--> | |||
<!--{if $maxFieldOfView}-->max-field-of-view="<!--{$maxFieldOfView|escape}-->"<!--{/if}--> | |||
<!--{if $interactionPrompt}-->interaction-prompt="<!--{$interactionPrompt|escape}-->"<!--{/if}--> | |||
<!--{if $interactionPromptStyle}-->interaction-prompt-style="<!--{$interactionPromptStyle|escape}-->"<!--{/if}--> | |||
<!--{if $interactionPromptThreshold}-->interaction-prompt-threshold="<!--{$interactionPromptThreshold|escape}-->"<!--{/if}--> | |||
<!--{if $touchAction}-->touch-action="<!--{$touchAction|escape}-->"<!--{/if}--> | |||
<!--{if $disableZoom}-->disable-zoom<!--{/if}--> | |||
<!--{if $disablePan}-->disable-pan<!--{/if}--> | |||
<!--{if $disableTap}-->disable-tap<!--{/if}--> | |||
<!--{if $bounds}-->bounds="<!--{$bounds|escape}-->"<!--{/if}--> | |||
<!--{if $animationName}-->animation-name="<!--{$animationName|escape}-->"<!--{/if}--> | |||
<!--{if $animationCrossfadeDuration}-->animation-crossfade-duration="<!--{$animationCrossfadeDuration|escape}-->"<!--{/if}--> | |||
<!--{if $autoplay}-->autoplay<!--{/if}--> | |||
<!--{if $variantName}-->variant-name="<!--{$variantName|escape}-->"<!--{/if}--> | |||
<!--{if $orientation}-->orientation="<!--{$orientation|escape}-->"<!--{/if}--> | |||
<!--{if $scale}-->scale="<!--{$scale|escape}-->"<!--{/if}--> | |||
<!--{if $environmentImage}-->environment-image="<!--{$environmentImage|escape}-->"<!--{/if}--> | |||
<!--{if $skyboxImage}-->skybox-image="<!--{$skyboxImage|escape}-->"<!--{/if}--> | |||
<!--{if $shadowIntensity}-->shadow-intensity="<!--{$shadowIntensity|escape}-->"<!--{/if}--> | |||
<!--{if $shadowSoftness}-->shadow-softness="<!--{$shadowSoftness|escape}-->"<!--{/if}--> | |||
<!--{if $exposure}-->exposure="<!--{$exposure|escape}-->"<!--{/if}--> | |||
<!--{if $toneMapping}-->tone-mapping="<!--{$toneMapping|escape}-->"<!--{/if}--> | |||
<!--{if $ar}-->ar<!--{/if}--> | |||
<!--{if $arModes}-->ar-modes="<!--{$arModes|escape}-->"<!--{/if}--> | |||
<!--{if $arScale}-->ar-scale="<!--{$arScale|escape}-->"<!--{/if}--> | |||
<!--{if $arPlacement}-->ar-placement="<!--{$arPlacement|escape}-->"<!--{/if}--> | |||
<!--{if $iosSrc}-->ios-src="<!--{$iosSrc|escape}-->"<!--{/if}--> | |||
<!--{if $xrEnvironment}-->xr-environment<!--{/if}--> | |||
<!--{if $backgroundColor}-->style="background-color: <!--{$backgroundColor|escape}-->;"<!--{/if}--> | |||
<!--{if $generateSchema}-->generate-schema<!--{/if}--> | |||
> | |||
<!--{if $loadingText}--><div slot="progress-bar"><!--{$loadingText|escape}--></div><!--{/if}--> | |||
<!--{if $errorText}--><div slot="error"><!--{$errorText|escape}--></div><!--{/if}--> | |||
<!--{if $arButtonText}--><button slot="ar-button"><!--{$arButtonText|escape}--></button><!--{/if}--> | |||
</model-viewer> | </model-viewer> | ||
</includeonly> | |||