Can the “create canvas” puzzle source from html pages?

Alexander Kovelenov wrote:

Hi, Why not, you can draw anything to that canvas!

Can you include an example project app with the canvas puzzle working please?

I have copied the example js in the manual and have no successful results.
Thanks!

what’s the correct method of implementing canvg.js, path2d, or fabric.js to just.. simply.. have an SVG file read, and put to the canvas?
tried all three and got them working on their own.. just not with verge.

even the simplest method wont work.

i’m trying:

    var canvasTex = v3d.puzzles.canvasTextures['my_canvas'];
    var canvas = canvasTex.image;
    var ctx = canvas.getContext("2d");
    var SVGimage = document.getElementById("svg");
    ctx.drawImage(SVGimage, 0, 0);
    canvasTex.needsUpdate = true;

where my HTML has:

<object data="./mySVGimage.svg" type="image/svg+xml" id="SVGimage" ></object>

i have my myapp.js called AFTER that line so it’s defined.. but still isn’t… if it’s not that problem, it’s another.
this should be more simple than how I’m construing it i think…

any . ideas?

Yuri Kovelenov wrote:

KHR_parallel_shader_compile extension is a warning that should not affect the app.
image.src = svgElement;
I’m not sure if you can assign an HTML element simply as src of an image. You might look here for possible methods of drawing SVG on canvas:

How to draw SVG on HTML 5 Canvas and why you might want to

<iframe class=”wp-embedded-content” sandbox=”allow-scripts” security=”restricted” title=”“How to draw SVG on HTML 5 Canvas and why you might want to” — Java PDF Blog” src=”https://blog.idrsolutions.com/2012/09/how-to-draw-svg-on-html-5-canvas-and-why-you-might-want-to/embed/#?secret=krBmpdegZz&#8221; data-secret=”krBmpdegZz” width=”600″ height=”421″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe>

Getting svg to canvas is no problem.

I’m focused on getting ANY image format drawn on the canvas produced with the puzzle.

Let’s talk on it at this discussion…

Going on three weeks of attempted functionality here…

Link to discussion thread..

Thanks!