How to resize canvas by percentage

This example code is for resizing canvas by percentage. 
<canvas id="myCanvas" width="200" height="100"  style="border:1px solid #000000;"></canvas>

<script>
 var elem = document.getElementById('myCanvas'),
     updateSizes = function() {
     perH = 80; //80%
     perW = 50; //50%
     elem.height = window.innerHeight * 0.01 * perH;
     elem.width =  window.innerWidth * 0.01 * perW;
     console.log("height"+ elem.height);
     console.log("width"+   elem.width);
 };

elem.addEventListener('click', function(event) {
      console.log("clicked");
      updateSizes();
 }, false);
</script>
List

Responses

0 Replies