rich text для HTML5 canvas

[OtherSide]

Есть красивый способ вывести на canvas текст без ручного указания координат, а вроде <b>Item:<b> value?
Ну как-то задать это в <div> что бы он сам отрендерил как надо?

[Palych]

Наверняка кто-нибудь уже написал HTML engine for HTML5 canvas...

[OtherSide]

нашел вопрос закрыт

var canvas = document.getElementById("canvas");

var ctx = canvas.getContext("2d");

var data = "data:image/svg+xml," +

"<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>" +

"<foreignObject width='100%' height='100%'>" +

"<div xmlns='http://www.w3.org/1999/xhtml' style='font-size:12px'>" +

"<ul> <li style='color:red'> hello </li> <li style='color:green'>thomas</li> </ul> " +



"</div>" +

"</foreignObject>" +

"</svg>";

var img = new Image();

img.src = data;

img.onload = function() { ctx.drawImage(img, 0, 0); }