如何为一个FabricJS对象设置背景图像
How to set a background image for a FabricJS object
我想创建一个圆形对象,并将填充设置为非重复图像。
我已经尝试了一个模式,但是当我将repeat
设置为no-repeat
时,模式在中间偏移,而不是左上角。(这将允许您看到整个图像。)
- 是否有办法将整个图像设置为对象的背景?
- 如果没有,是否有一种方法来抵消非重复的背景?
您可以通过剪切带有圆圈的图像来实现这一点。看一下这个演示。
模式偏移是已经在路线图上的东西。我只是继续执行它们。
看一下这个演示。简单地调整一个模式的offsetX/offsetY属性到任何你需要的,或者把它们留在0/0,这将是一个对象的左/上角。
相关文章:
- FabricJs-限制主对象内添加对象的移动区域
- FabricJS-组选择使对象在选择时处于最前面
- 在鼠标悬停时显示对象的边框(Fabricjs)
- FabricJS CurvedText对象(扩展)在更新间距和文本属性时未显示
- 无法选择使用fabricjs添加的对象
- 对象以编程方式移动后的 Fabricjs 在其新位置上不可选择
- Fabricjs-Can'不要在fabric.util.enlivenObjects之后选择对象
- 如何在 FabricJS 上缩放对象时停止控件边框填充增加
- fabricjs 中对象的上下文菜单
- 在 Fabricjs 中缩放对象时缺少模式质量
- FabricJS:对象:移动事件不会在用户选择多个对象时触发
- FabricJS 对象不相对于画布调整大小
- 将事件绑定到fabricJS中的对象
- 当缩放svg对象时,使用FabricJS将无法选择它
- fabricjs:长按时抖动画布上的对象
- 如何使用Fabricjs将画布对象重绘为更大的画布
- FabricJS:始终在画布上居中对象
- 在FabricJS中绘图后无法选择对象
- 在FabricJs中使用localStorage对象重新绘制画布
- 无法向对象添加事件侦听器.fabricjs