ARTICLE AD BOX
This is what I try to do:
Create a page that is basically made up out of multiple single pages. For that I loop my code and output HTML cumulative. It works fine for everything except the images I push into the <canvas> elements.
I've got 3 plot (generate using webR) on each page (all rendered into 1 single page). When the first page renders (top of the big page) I see the three images. Then the second page (below the first one) renders and I see the top three images disappear and the new bottom three ones appear.
The <canvas> IDs are all unique. Console debug shows that the JS runs each plot call with the correct <canvas> IDs.
I am stumped as to why the images render fine first, then when the second part of the page is done they disappear but the new set is shown.
\>what the code does<
Create a list<string> and fill it with the HTML text for each line. This includes line with <canvas id="some unique ID" width=500></canvas>
Some lines trigger the call of a JS script via jsRuntime.InvokeAsync.
That JS call a function that calls webR functions to create a plot.
The image from webR is then pushed into canvas.getContext("2d").drawImage(webRimg,0,0,w,h) when [canvas] is retrieved with document.getElementById(uniqueIDname)
All the lines from the list<string> are then pushed into a variable on the page and thus rendered.
\><
