$(function() {
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var data = "" +
"" + $("#mytable").html() +
"" +
"";
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();
var svg = new Blob([data], {
type: "image/svg+xml;charset=utf-8"
});
var url = DOMURL.createObjectURL(svg);
img.onload = function() {
ctx.drawImage(img, 0, 0);
DOMURL.revokeObjectURL(url);
};
img.src = url;
});
Hello | There |
这工作得很好,但看到捣鼓可能左右一些CSS怪事,可能工作会不正常。至少在Chrome中,对于我来说,表格边框的显示方式不同。
编辑:当然,通过画布实际上并没有多大意义。画布只是绘制我们已经创建的图像。你所需要做的就是在DOM中显示图像。