Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取fabric js中形状的坐标?_Javascript_Jquery_Canvas_Svg_Fabricjs - Fatal编程技术网

Javascript 如何获取fabric js中形状的坐标?

Javascript 如何获取fabric js中形状的坐标?,javascript,jquery,canvas,svg,fabricjs,Javascript,Jquery,Canvas,Svg,Fabricjs,我尝试了下面的代码片段,但我在警报中没有定义,我正在访问thisCoords.t1,有人可以指导我吗 <!--fabric js function to get coordinates of active object--> function getCoords(oCoords) { return { tl: new fabric.Point(oCoords.tl.x, oCoords.tl.y), tr: new fa

我尝试了下面的代码片段,但我在警报中没有定义,我正在访问thisCoords.t1,有人可以指导我吗

<!--fabric js function to get coordinates of active object-->
    function getCoords(oCoords) {
        return {
          tl: new fabric.Point(oCoords.tl.x, oCoords.tl.y),
          tr: new fabric.Point(oCoords.tr.x, oCoords.tr.y),
          bl: new fabric.Point(oCoords.bl.x, oCoords.bl.y),
          br: new fabric.Point(oCoords.br.x, oCoords.br.y)
        }
      }

<!--fabric js mouse move event-->
    canvas.on('mouse:move', function(e){
    console.log('over1',e.target)
    if(e.target && e.target !== canvas.getActiveObject())
     canvas.setActiveObject(e.target)
     var thisCoords = getCoords(canvas.getActiveObject().oCoords);
     alert("coords :"+thisCoords.t1);
    });

函数getCoords(oCoords){
返回{
tl:new fabric.Point(ocoods.tl.x,ocoods.tl.y),
tr:new fabric.Point(ocoods.tr.x,ocoods.tr.y),
bl:新织物点(ocoods.bl.x,ocoods.bl.y),
br:新的fabric.Point(ocoods.br.x,ocoods.br.y)
}
}
canvas.on('mouse:move',函数(e){
console.log('over1',e.target)
if(e.target&&e.target!==canvas.getActiveObject())
canvas.setActiveObject(例如target)
var thisCoords=getCoords(canvas.getActiveObject().oCoords);
警报(“coords:+thisCoords.t1);
});

函数的
getCoords
返回一个带有键
tl、tr、bl、br的对象。您正在尝试访问键
t1
,这肯定是一个输入错误。只需替换
警报(“coords:+thisCoords.t1”)带有
警报(“coords:+thisCoords.tl”)

函数使用键
tl、tr、bl、br
返回一个对象。您正在尝试访问键
t1
,这肯定是一个输入错误。只需替换
警报(“coords:+thisCoords.t1”)带有
警报(“coords:+thisCoords.tl”)