Я работаю с разделом customHTML, в настоящее время я использую элемент canvas html5. Теперь мне нужно отобразить изображение, но я не уверен, будет ли хорошей идеей нарисовать его в этом элементе canvas или использовать элемент <img> html напрямую.

Мой первый подход заключается в следующем:

а)

 var customHTML = "<canvas id='viewport'></canvas>"
 var canvas = document.getElementById('viewport'),
 context = canvas.getContext('2d');

 make_base();

 function make_base()
 {
   base_image = new Image();
   base_image.src = 'img/base.png';
   base_image.onload = function(){
   context.drawImage(base_image, 100, 100);
 }

Второй подход:

б)

 var customHTML = "<img src='../images/myicons/pin.png'>"

Я хотел бы знать, есть ли какое-либо преимущество в использовании этого холста и логики рисования вместо непосредственного использования элемента <img> html. Спектакль? Ресурсы?

Пожалуйста, дайте мне знать, если а) или б) является лучшим подходом.

Я хочу использовать этот элемент customHTML в качестве кнопки в Bing Maps.

Любая помощь будет оценена.