-1
我正在嘗試構建類似於vertabelo的架構生成器。我正在使用fabric.js進行交互。我如何創建像表格結構,我可以添加列和它們的類型,如圖中所示。
我正在嘗試構建類似於vertabelo的架構生成器。我正在使用fabric.js進行交互。我如何創建像表格結構,我可以添加列和它們的類型,如圖中所示。
使用HTML表格內的svg,如下所示,並將其CONVER成圖像,並將其用作織物對象
var svgData = '<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200">' +
'<foreignObject width="100%" height="100%">' +
'<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:30px">' +
'<table border="1"><thead><tr><td>Title</td></tr></thead><tbody><tr><td>Id</td><td>char</td></tr></tbody></table>' +
'</div>' +
'</foreignObject>' +
'</svg>';
// creating image from svg
var DOMURL = window.URL || window.webkitURL || window;
var img = new Image();
var svg = new Blob([svgData], {type: 'image/svg+xml'});
var url = DOMURL.createObjectURL(svg);
img.src = url;
var imgInstance = new fabric.Image(img, {
left: 0,
top: 0,
width: 200,
height: 100,
});
canvas.add(imgInstance);