如何在HTML5画布上相对于浏览器窗口的底部绘制？

Question

我有一个大画布，它占据了浏览器查看窗口高度的100％以上。我想要正常的页面滚动来访问画布中看不见的部分（这已经实现）。画布上的大多数图形都是使用正常定位绘制的（相对于画布的原点）。然而偶尔，屏幕上的部分屏幕可能包含一些非常重要的信息，我想在屏幕底部的画布上指出它（即：在画布上绘制但相对于浏览器）。

Answer 1

我有一个合适的答案：

var bounding = canvas.getBoundingClientRect();
var y_relative = window.innerHeight - bounding.top;
context.fillText("I will always be at the bottom of the screen!", x+margin, y_relative-fontSize-margin);

这总是有效吗？那些拥有占用屏幕空间的浏览器插件的人呢？我还没有其他任何问题吗？