svg to canvas

html elements

by Darby Rathbone

HTML

<canvas id='canvas' width=200 height=200></canvas>

CSS

#canvas{
    
    transform:translate(50%,50%) scale(2,2);    
}

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.webkitImageSmoothingEnabled= false
console.dir(ctx);
ctx.beginPath();
ctx.arc(100,100,90,0,7,false);
/*ctx.strokeStyle = 'red';
ctx.lineWidth = 5;
ctx.stroke();
ctx.strokeStyle = 'green';
ctx.lineWidth = 3;
ctx.stroke();*/
ctx.strokeStyle = 'blue';
ctx.lineWidth = 1;
ctx.stroke();
var imgd = ctx.getImageData(0,0, canvas.width, canvas.height);
var pix = imgd.data;
var count = 0;
console.log(JSON.stringify(ctx))