首页 > 解决方案 > 覆盖形状的渲染功能

问题描述

我正在尝试覆盖 Fabric.js 中多个形状的渲染功能。

原因是我不想创建太小的对象,例如小于 10 像素的宽度和高度。实现是用户在鼠标拖动时创建形状: mousedown -> mousemove -> mouseup => and the shape is created.

在鼠标按下时,我们开始用 1px 初始化形状。这样,每次在画布上单击时,我们都会创建非常小的对象(尺寸为几个像素)。可以将此大小增加到 20 像素,并且每次单击时都会创建一个小形状,但这也不是想要的效果。

如何覆盖渲染功能以创建宽度和高度大于 10 像素的形状,如果更小,则根本不创建或渲染形状?

所有渲染函数都具有不同的接口和逻辑,具体取决于它们渲染的形状,但也假设如果可以实现,那么所有的实现都是相似的。

先感谢您!

标签: javascriptoopfabricjs

解决方案


推荐阅读