лучший способ создания элемента холста

Я экспериментировал с созданием элемента холста несколькими различными способами и задавался вопросом, знает ли кто-нибудь, какой из этих (или некоторых других) способов является наиболее эффективным.

кажется, что самым простым является размещение элемента холста в html, например:

<canvas id="myCanvas" width="500", height="500"></canvas>

, а затем в javascript:

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

бывают случаи, когда мне нужно хранить все мои холсты в файле .js (например, когда Я хочу динамически изменять ширину/высоту элемента) и я сделаю это так:

var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
canvas.height = '500';
canvas.width = '500';
var ctx = canvas.getContext('2d');

или когда мне лень, как-то так:

document.write("<canvas id='myCanvas' width='500', height='500'></canvas>");

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

Плюсы? Минусы? Правки? Другие варианты?