Html5 Canvas vs SVG vs div

What is the best way for element creation on the fly and being able to move it around? Let's say I want to create rectangle, circle and polygon then I want to select the objects and move it around

And how is the performance of those three while in use for showing a web page? Let's say I want to create three visually identical web page and have header, footer, widget and text content in them. The first one is created using full canvas, the second is created using svg, and the third is created using plain div html and css.

Thanks in advance

Source: Tips4all

How to read an SVG with a given size using PHP Imagick?

I have the following code:

$image = new Imagick();

$image->setBackgroundColor(new ImagickPixel('green'));

$image->setSize(20,20);

$image->readImageBlob(file_get_contents('./some/path/image.svg'));