cost 111 ms
使用鼠标右键在 FabricJs 中结束 svg 路径绘制 - Ending a svg path drawing in FabricJs using right mouse click

我正在使用 fabric JS 4.5.0 版处理绘图应用程序。 我想用鼠标右键结束画笔绘制但无法实现。 请看一下这个代码笔片段(来自 michaelsboost)我正在做类似的事情。 需要在此处添加哪些更改才能交替使用鼠标左键单击和鼠标右键单击来结束 svg 路径绘制? 目前,如果您使用铅笔工具 ...

在哪里可以找到设计编辑器中使用的矢量几何形状 svg 元素 - Where can I find the vector geometric shapes svg elements used in design editor

有很多设计编辑器,如 canva、vistacreate、adobe express。 所有人都有各种 styles 他们使用的元素/对象/形状。 有没有我可以找到的数据库。 一些常见的地方是 flaticons.com 或 nounproject.com 想知道是否有更好的选择? 我试过 noun ...

typescript 获取输入类型文件图片 - Getting input type file image in typescript

我无法获取存储在输入类型“文件”中的文件以在 Fabric JS canvas 上使用。 该过程的流程应该是这样的: 用户按下按钮(调用 onAddImage) 用户选择要上传的图片图片添加到 Fabric JS 中的 canvas 这是我到目前为止在 TS 中所做的: 如果本地目录中不存在图像,如 ...

FabricJS 调整 JSON 数据以适应不同的屏幕尺寸 - FabricJS resize JSON data for different screensize

我正在为 freeDrawingMode 使用 fabricJS,并通过 JSON 将绘图保存到我的数据库中。我的 canvas 是一个基于打开页面的设备屏幕尺寸的动态尺寸。 下次打开页面加载 JSON 数据时,如果 window 大小与之前的大小不完全相同,则在新屏幕上绘制的 canvas 要么变 ...

Vue3 + FabricJS - 无法调整/编辑使用反应变量创建的对象,直到我 select 多个对象 - Vue3 + FabricJS - Cannot resize/edit objects created using a reactive variable until I select multiple objects

图形示例见末尾的 GIF ⬇️ 我正在使用一个反应变量来访问 fabricJs canvas。我想在每次双击 canvas 时创建一个矩形。但是,当我创建一个 object 时,我可以 select 它但不能调整大小或编辑它,直到我拖动一个选择和释放它。 这是代码的一部分 <script la ...

Fabricjs:克隆子类 object 使克隆不可见 - Fabricjs: cloning a subclassed object makes the clone invisible

我想制作织物 object 的副本,它是常规织物 class 的子类(即具有与原始织物相同属性的新 object)。 克隆似乎是通往 go 的途径,并且确实克隆了常规的 object,例如 Rect,效果很好。 但是,如果我使用相同的代码克隆子类的实例,则生成的 object 在 canvas 上不 ...

在 Fabricjs 中,在 mousedown 中调用 Freedrawing 时不做标记 - in Fabricjs, Freedrawing doesn't make a mark when called within mousedown

在fabricjs中,我希望用户通过单击鼠标选择自由绘图模式,但令人惊讶的是,以下代码不起作用(鼠标按下后光标确实变为“十字线”,但移动鼠标不会在canvas,鼠标弹起时生成的路径对象为空)。 我怎样才能做到这一点,即点击鼠标进入自由绘图节点? ...

Fabric.JS - 无法在单击按钮时将“文本对象”添加到 canvas(包含图像的画布) - Fabric.JS - Cannot add 'text object' to canvas on button click (canvas that contains image)

所以我有一个结构 canvas。canvas 包含一个图像(由用户上传)。 我还显示了多个按钮,每个按钮都有一个标题。 单击按钮时,我想创建一个文本 object 和 append 到结构 canvas。我正在使用 React.js。 我已经创建了 function 并且正在调用 function ...

在屏幕上显示缩小的 canvas,但使用“toDataURL”下载全尺寸 canvas - Display zoomed-out canvas on screen but download full-size canvas with `toDataURL`

赏金将在 7 天后到期。 此问题的答案有资格获得+50声望赏金。 C_Z_想引起对这个问题的更多关注。 在我的 web 应用程序中,我有一个带有下载按钮的 canvas,该按钮将使用.toDataURL将当前的 canvas 下载为 PNG。 假设我的全尺寸 canvas 是 100px x 1 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM