Im implementing a threekit integration for a Sales Force Reference Architecture integration.
OOTB, threekit styles the threekit canvas element with a height of 150px and width of 100% the parent element.
However, the is a side effect of both of these approaches:
Once the user add the product to cart, a snapshot is taken of the threekit product model.
For some reason, after adjusting the threekit canvas with either of the methods mentioned above causes the snapshot that is returned from ‘window.threekit.player.snapshotAsync’ is a transparent image.
Is there a method I need to fire to properly adjust the with and height of the threekit rendering canvas with out affecting the image that is returned from ‘window.threekit.player.snapshotAsync’?