目标：要将画布图像中包含的数据（以及将鼠标悬停在图像上时）从网站保存为易于操作的数据格式，如json或csv？
工具：我只能通过我的网络浏览器（谷歌浏览器）访问数据，因为我想要保存数据的网站是付费订阅服务。
我的技能水平：初学者，我已经完成了一些关于HTML和javascript的在线教程。
我尝试了什么：我已经完成了Stack Overflow并搜索了Google，最贴近的是this answer here。但问题是canvas标签看起来像这样：
<canvas width="483" height="280" data-controlid="f443dab8-51fb-470e-8315-6c51cd86d789"></canvas>
...相关的div看起来像这样：
<div data-controlid="f443dab8-51fb-470e-8315-6c51cd86d789_Hover" style="position: absolute; border: 1px solid black; padding: 3px; z-index: 1010; left: 770px; top: 508px; display: none; background-color: rgb(255, 255, 255);">Value: £49061 (percentile: 6%)<br>Year: 13</div>
我的想法是使用Chrome的控制台，输入几行Javascript，复制并粘贴任何输出，但我不知道甚至在几次Google搜索之后“data-controlid”是什么。在Chrome控制台中，我使用getElementById或getElementsByTagName尝试了几行Javascript并且没有运气，因为它返回undefined。
非常感谢所有帮助和解释。