html vs svg vs canvas

Benchmark created on

Setup

var canvas = document.createElement('<canvas>');
    var svg = document.createElement('svg');

Test runner

Ready to run.

Testing in
TestOps/sec
canvas
var paper = canvas.getContext('2d');
paper.fillRect(10, 10, 50, 50);
ready
svg
var rect = svg.createElement('<rect>');
rect.setAttribute("x", 10);
rect.setAttribute("y", 10);
rect.setAttribute("width", 50);
rect.setAttribute("height", 50);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.