Как конвертировать canvas в изображение, с учетом стилей, примененных к нему?

Question

[eSelf]

Есть элемент канвас
<canvas id="myCanvas"></canvas>
Потом некоторые стили, примененные к нему

#myCanvas{
    border:25px solid #FFF;
    border-image-source:url(../images/frames/1.jpg);
    border-image-slice:70;
    border-image-repeat:round;
    box-shadow:0 0 0 500px #FFF inset;
}

И сама функция js

var canvas = document.getElementById('myCanvas');
  var image = new Image();
  image.src = canvas.toDataURL("image/png", 0.6);
  window.open(image.src);

Хочу сделать возможность сохранения изображения на компьютер.
Функция конверирует в изображение только содержимое canvas.
Есть ли возможность учитывать стили при этом?
Копал в сторону скриншотов с помощью javascript (тот же html2canvas), но не вышло. Стили все равно не учитывает.

Answer 1

[Виталий Инчин ☢]

Канвас предоставляет вам массу возможностей, а вы используете для такой простой задачи CSS...
Нарисуйте этот бордер прямо в нем, а дальше гуглите метод toDataURL.