Fabricjs三角管理
Fabricjs三角管理
提问于 2015-11-11 13:54:23
如何用三个left和top制作出正确的三角形。我曾经尝试过用width和height做一些事情，但是结果并不像预期的那样。例如:我们有{左:50，顶:50}，{左:40，顶:60}，{左:60，顶:60}，我们如何用这个值创建一个三角形？
回答 2
Stack Overflow用户
发布于 2015-11-11 14:36:33
要在织物中创建三角形，不需要设置三个顶点。要这样创建三角形，您应该查看多角形或多谱线。要创建一个实际的三角形对象，您需要执行如下操作：
var triangle = new fabric.Triangle({
width: 20, height: 30, fill: 'blue', left: 50, top: 50
});这是一个工作的小提琴。
编辑:在设置职位(top，left)时，它们相对于originX和originY属性。
Stack Overflow用户
发布于 2016-02-09 00:46:47
上述代码可以简化为：
canvas = new fabric.Canvas('canvas');
var p1 = {x:50,y:50}, p2 = {x:40,y:60}, p3 = {x:60,y:60};
var shape = new fabric.Polygon([p1, p2, p3]);
canvas.add(shape);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33652049
复制相关文章
相似问题
腾讯云开发者
