Как указано в спецификации:
The contents of the canvas element, if any, are the element's fallback content.
Итак, я подумал, что было бы разумно сделать что-то вроде этого:
<head>
<script type="text/javascript">
$(document).ready(function()
{
var canvas = document.querySelector("canvas");
if (canvas != null)
{
var context = canvas.getContext("2d"),
image = canvas.querySelector("img");
// do something special with 'context' and 'image'
}
});
</script>
</head>
<body>
<canvas>
<img class="myImageType" style="border: 1px solid #777;" src="file">
</canvas>
</body>
Как видите, я не воссоздаюизображение, но используйте вложенный.Для меня не имеет смысла создавать новый.Однако стиль не применяется к вложенному элементу изображения.