具有相对布局或网格布局的画布的Javascript库

具有相对布局或网格布局的画布的Javascript库,javascript,canvas,grid,fabricjs,Javascript,Canvas,Grid,Fabricjs,我用FabricJs制作了一个画布,它将以不同类型的屏幕大小打开。直到今天一切都很好。但后来我尝试使用画布导出导入功能。现在,当导出到不同的分辨率大小时,屏幕分辨率会使一切变得一团糟 我试着找出我是否能相对地处理所有的职位。如果我可以使用画布大小的百分比添加项目,效果会更好 我在FabricJs中没有找到此功能 还有其他图书馆吗? 或 是否有任何可以使用网格放置项目的库??因此,我将根据屏幕大小制作网格&然后将该网格用于项目放置 为什么不使用画布缩放?它应该能解决你的问题。请贴一张你的画布设置图

我用FabricJs制作了一个画布,它将以不同类型的屏幕大小打开。直到今天一切都很好。但后来我尝试使用画布导出导入功能。现在,当导出到不同的分辨率大小时,屏幕分辨率会使一切变得一团糟

我试着找出我是否能相对地处理所有的职位。如果我可以使用画布大小的百分比添加项目,效果会更好

我在FabricJs中没有找到此功能

  • 还有其他图书馆吗? 或
  • 是否有任何可以使用网格放置项目的库??因此,我将根据屏幕大小制作网格&然后将该网格用于项目放置

  • 为什么不使用画布缩放?它应该能解决你的问题。请贴一张你的画布设置图,我会给你看。@AndreaBogazzi,我试过画布缩放。但是canvas.toJSON()输出没有任何变化。请检查一下这把小提琴。它在zoomin上有一个toJSON方法的console.log。为什么不使用画布缩放?它应该能解决你的问题。请贴一张你的画布设置图,我会给你看。@AndreaBogazzi,我试过画布缩放。但是canvas.toJSON()输出没有任何变化。请检查一下这把小提琴。它在zoomin上有一个toJSON方法的console.log。