根据fabricjs的下拉选择拆分画布(动态)屏幕

Posted

技术标签:

【中文标题】根据fabricjs的下拉选择拆分画布(动态)屏幕【英文标题】:split canvas (dynamically) screens based on the drop down selection for fabricjs 【发布时间】:2021-06-17 03:01:02 【问题描述】:

我正在尝试在织物 js 中创建分屏,例如 1、2、4、8,16

基于drop的选择画面有分割。

这是我的Current code ,我可以上传图片。

如果我单击图像,它将显示为预览

我不知道如何根据下拉菜单更改屏幕。

【问题讨论】:

你的问题不清楚。 @spring 实际上我想要的是 1)默认情况下,我的预览窗口将在 1 全屏 2)当我选择下拉菜单并更改为 2 屏幕时,我的预览窗口必须拆分为像这样的两侧 1 , 2, 4, 8 ,16 当它是 16 16 画布必须在那里 还是很不清楚 @Gitesh Sharma 是可能的,我们可以联系,以便我可以详细解释您 当然@Mr.M,顺便说一句,我检查了你的其他问题,如果还有任何问题没有得到解答,请告诉他们。 【参考方案1】:

请调查一下,我已经更新了你的 Stackblits,它正在工作。

https://angular-ivy-qbqu1r.stackblitz.io

在选择屏幕下拉菜单时 - 正在生成画布

上传后需要点击画布选择添加图片或在选中的画布上添加文字

从图像点击中删除了画布生成以避免多次画布生成

【讨论】:

以上是关于根据fabricjs的下拉选择拆分画布(动态)屏幕的主要内容,如果未能解决你的问题,请参考以下文章

集成 Fabricjs 和 Angularjs

如何使fabricJS画布在移动设备上可水平拖动?

Fabricjs - 在画布边界内缩放画布背景以“包含”

仅更改覆盖图像的颜色而不是整个画布 Fabricjs

iOS Swift如何根据下拉列表中的选择显示动态用户界面

在 FabricJS 画布上拖放和删除对象