Javascript 在引导模式内的元素上使用偏移量返回零

我正在使用html画布制作一个应用程序。我尝试使用jquery的.offset（）方法获取画布的偏移量，结果没有问题。我的问题是，当我尝试将画布放置在模态上时，offset（）返回0。。。如何在boostrap模式中获得画布的正确偏移

canvas = document.getElementById('canvas');
context = canvas.getContext('2d');
canvasOffset=$("#canvas").offset();
offsetX=canvasOffset.left;
offsetY=canvasOffset.top;

---

CanvaOffset返回顶部和左侧为零…

您必须等待引导使用所示的.bs.modal事件定位模式。模态之前没有定位，因此画布的位置为0

检查此示例：

//显示模式后
$（'#myModal'）.on（'show.bs.modal'，function（）{
//获得正确的偏移量
var offset=$（“#画布”）.offset（）；
$（'body'）.append（
offset:“+offset.top+”，“+offset.left”）；
});
//页上加载偏移量为0，0
var offset=$（“#画布”）.offset（）；
$（'body'）.append（
offset:“+offset.top+”，“+offset.left”）

启动演示模式
&时代；
情态标题
接近