For security reasons, your local drive is declared to be “other-domain” and will taint the canvas. (That’s because your most sensitive info is likely on your local drive!). While testing try these workarounds: Put all page related files (.html, .jpg, .js, .css, etc) on your desktop (not in sub-folders). Post your images to a site … Read more
Here is an example of how to achieve what you need: Draw something (taken from canvas tutorial) <canvas id=”myCanvas” width=”578″ height=”200″></canvas> <script> var canvas = document.getElementById(‘myCanvas’); var context = canvas.getContext(‘2d’); // begin custom shape context.beginPath(); context.moveTo(170, 80); context.bezierCurveTo(130, 100, 130, 150, 230, 150); context.bezierCurveTo(250, 180, 320, 180, 340, 150); context.bezierCurveTo(420, 150, 420, 120, 390, 100); … Read more
Given that canvas is a canvas element or an OffscreenCanvas object, const context = canvas.getContext(‘2d’); context.clearRect(0, 0, canvas.width, canvas.height);
This is not something you can do easily with SVG unfortunately. I would suggest the following approach instead: Use for example the free* Daz 3D or Poser 3D (commercial) to create the human body as a 3D model (includes textures, bumps and so on). Export the 3D model as for example Wavefront OBJ or Collada … Read more