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);