Javascript 如何获取fabric js中形状的坐标?
我尝试了下面的代码片段,但我在警报中没有定义,我正在访问thisCoords.t1,有人可以指导我吗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
<!--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”)代码>