I am currently teaching a course on Orbital Mechanics, and the primarily means of delivering course content (outside of the lectures) is through Canvas (the website portal software stack thingy). I would really like to embed some interactive 3D graphics into my lecture notes that I post to Canvas. (I’m thinking something along the lines of the webgl_multiple_elements_text example.)
Unfortunately, their page editor appears to be rather impoverished when it comes to supporting low-level embedding of atypical HTML elements. Either that or they are explicitly removing any such elements when I try to edit the raw HTML code.
Has anyone tried anything like this before? Can anyone provide me with some hints as to how to go about embedding a THREE.js canvas renderer DOM element into a Canvas page? Would using the CSS renderer work?