<div id="viewer-wrapper">
<div id="viewer-root"></div>
</div>#viewer-root {
width: 100%;
height: 100%;
}
#viewer-wrapper {
width: 100vw;
height: 100vh;
display:flex;
overflow: hidden;
position:relative;
}
const model = "https://demo-assets.pixotronics.com/pixo/gltf/jewlr1.glb";
new ijewelViewer.Viewer(document.getElementById("viewer-root")
,{modelUrl : model} //project
,{showCard:false} // viewer options
);
window.addEventListener("webgi-viewer-ready", async (ev) => {
console.log("ready");
const viewer = ev.detail.viewer;
});
External CSS
This Pen doesn't use any external CSS resources.