Style an embedded DOM.context2d

Community Help
1

Hi,
i’ve embedded a Notebook on an html page. I display a single cell on that page yields a DOM.context2d.canvas into a div#render .

i would now like to apply a custom style to this injected canvas.
effectively something like:

let canvas = document.querySelector("#render canvas");
canvas.style = {width: "100%",
height: "100%",
…}

however i don’t know where to run something like the above code as i’d want to wait until a set of promises and async code blocks are done and the cell has yielded a first result.

my code so far follows the vanilla embedding code samples.

2

solved by applying styles in the notebook, before the yield

let c = particleContext.canvas;
c.style.width= "100%";
c.style.height= "100%";

…

yield c;