Get the *two* height values ​​of the canvas?

Question

I'm trying to get the two height values ​​for this canvas.

<canvas width="886" height="792" style="display: block; opacity: 0.5; width: 834px; height: 746px;"></canvas>

I know, I can access one of the styles using canvas.style.height;, but how do I get the other one?

please help. kind regards.

Answer 1

You can get other heights simply by accessing the height property of the canvas:

var canvas = document.querySelector("canvas");
var height = canvas.height;
console.log(height);