Set Canvas size using javascript

Question

I have the following code in html    lt canvas  id  myCanvas  width  800 height 800 gt    I want  instead of specifying the width as 800  to call the JavaScript function getWidth    to get the width e g     lt canvas  id  myCanvas  width  getWidth   height 800 gt    What is the correct syntax to do it  Because what I m doing doesn t work

User · Answer

Try this   var setCanvasSize   function     canvas width   window innerWidth  canvas height   window innerHeight

User · Answer

Try this   var w   window  d   document  e   d documentElement  g   d getElementsByTagName  body   0   xS   w innerWidth    e clientWidth    g clientWidth  yS   w innerHeight   e clientHeight   g clientHeight  alert xS            yS     document write      works for iframe and well

User · Answer

You can set the width like this    function draw       var ctx    a canvas context     ctx canvas width    window innerWidth    ctx canvas height   window innerHeight         drawing code

User · Answer

You can also use this script   just change the height and width   lt canvas id  Canvas01  width  500  height  400  style  border 2px solid  FF9933  margin-left 10px  margin-top 10px   gt  lt  canvas gt       lt script gt        var canvas   document getElementById  Canvas01          var ctx   canvas getContext  2d

User · Answer

function setWidth width      var canvas   document getElementById  myCanvas        canvas width   width

[javascript] Set Canvas size using javascript

Examples related to javascript

Examples related to html

Examples related to canvas