Javascript Fabricjs:如何获得该区域?
我需要知道团队所有成员的区域。有现成的解决方案吗?也许你知道不包括征税的地区Javascript Fabricjs:如何获得该区域?,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,我需要知道团队所有成员的区域。有现成的解决方案吗?也许你知道不包括征税的地区 window.canvas = new fabric.Canvas('fabriccanvas'); var circle1 = new fabric.Circle({ radius: 50, fill: 'red', left: 0 }); var Rect = new fabric.Rect({ left: 50, top: 50, height: 20, width: 20,
window.canvas = new fabric.Canvas('fabriccanvas');
var circle1 = new fabric.Circle({
radius: 50,
fill: 'red',
left: 0
});
var Rect = new fabric.Rect({
left: 50,
top: 50,
height: 20,
width: 20,
fill: 'green'
});
var circle2 = new fabric.Circle({
radius: 20,
fill: 'black',
left: 70,
top: 80
});
var group = new fabric.Group([ circle1, circle2, Rect ], {});
window.canvas.add(group);
葡萄藤
没有预定义的功能,您必须构建自己的功能。这是如何计算组中圆和矩形的面积的简短示例(如上所述):
本文介绍如何计算多边形面积:
本贴适用于三角形区域:
希望它能帮助您。您可以获得完整画布的面积,每个对象的面积
var groupArea = 0;
group.forEachObject(function(o){
groupArea += calculateArea(o);
});
function calculateArea(obj){
switch (obj.type){
case 'circle':
return Math.PI*obj.radius*obj.radius;
break;
case 'rect':
return obj.width*obj.height;
break;
}
}
alert(groupArea);