html5如何绘制表格,javascript–在HTML5Canvas中创建表格我有⼀个项⽬，我需要将html表元素保存为图像.看来最好的⽅法是将表中的数据转换为画布，然后调⽤toDataURL来获取图像.在搜索了很多提到here的表后，看起来所有这些表都只是在常规的html表中放置⼀个包装器，使它看起来更漂亮.
>在canvas元素中以表格格式绘制数据是否有任何简单的⽅法或库(这不是花哨的)？
>我还缺少另⼀种将表元素的内容保存到图像的⽅法吗？
由于这是⼀个Rails项⽬，我更喜欢JS库使⽤JQuery.
编辑
我忘了提到表中的⼀些条⽬是链接.显然这在常规的html表中运⾏良好，但它也需要在canvas版本中⼯作.
编辑2
显然我在第⼀次编辑时并不清楚.显⽰给⽤户的版本(⽆论是表格还是画布)需要有链接.显然，最终的图像不会.
解决⽅法:
$(function() {
var canvas = ElementById("canvas");
var ctx = Context("2d");
var data = "" +
"" + $("#mytable").html() +
"" +
"";
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();svg canvas
var svg = new Blob([data], {
type: "image/svg+xml;charset=utf-8"
});
var url = ateObjectURL(svg);
ctx.drawImage(img, 0, 0);
};
img.src = url;
});
Hello There
这⾮常有效，但是可以看到可能⽆法正常⼯作的CSS的⼀些奇怪的⼩提琴.⾄少在Chrome中，对我来说，桌边框的显⽰⽅式并不⼀样.
编辑：当然，通过画布实际上没有多⼤意义.画布只是绘制我们已经创建的图像.您需要做的就是在DOM中显⽰图像.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。