如何用中心图案填充FabircJ？
如何用中心图案填充FabircJ？
提问于 2014-05-15 00:50:32
如何将FabricJS对象的模式填充对齐？这种模式似乎总是朝上/向左。我尝试过将originX和OriginY设置为“居中”的模式，填充的对象，画布，似乎没有任何帮助。有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-06-08 14:52:10
我找到了答案：
模式使用的是偏移，而不是起源。因此，要模拟以模式为中心的模式，请考虑以下要求：
- 中心位于物体的一半宽处.
- 若要居中，模式对象必须位于宽度一半的中心点。
pattern = new fabric.Pattern({
source: function () {[...]},
repeat: 'repeat',
offsetX: [objectwidth/2] - [patternwidth/2],
offsetY: [objectheight/2] - [patternheight/2]
});成功了！如果您更改了任何一个项目的比例，您将需要对此进行补偿。
Stack Overflow用户
发布于 2014-05-20 15:39:33
在模式示例 of Fabric.js中，只有int值用作OriginX/Y。
试着按数字将其设置为图像大小的一半。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23667510
复制相关文章
相似问题
腾讯云开发者
