सेट जावास्क्रिप्ट

Question

मैं है html में निम्नलिखित कोड का उपयोग कर:

<canvas id="myCanvas" width =800 height=800> 

मैं चाहता हूँ, बजाय 800 रूप width निर्दिष्ट करने के लिए, JavaScript समारोह getWidth() कॉल करने के लिए चौड़ाई जैसे प्राप्त करने के लिए

<canvas id="myCanvas" width =getWidth() height=800> 

ऐसा करने के लिए सही वाक्यविन्यास क्या है? क्योंकि मैं जो कर रहा हूं वह काम नहीं करता है।

Answer 1

function setWidth(width) { 
    var canvas = document.getElementById("myCanvas"); 
    canvas.width = width; 
} 

Answer 2

आप इस तरह चौड़ाई सेट कर सकते हैं:

function draw() { 
    var ctx = (a canvas context); 
    ctx.canvas.width = window.innerWidth; 
    ctx.canvas.height = window.innerHeight; 
    //...drawing code... 
} 

Answer 3

तुम भी इस स्क्रिप्ट का उपयोग कर सकते हैं, बस ऊंचाई बदलने और चौड़ाई

<canvas id="Canvas01" width="500" height="400" style="border:2px solid #FF9933; margin-left:10px; margin-top:10px;"></canvas> 

    <script> 
     var canvas = document.getElementById("Canvas01"); 
     var ctx = canvas.getContext("2d"); 

Answer 4

इस प्रयास करें:

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 ('')

आईफ़्रेम और अच्छी तरह से काम करता है।

Answer 5

इस प्रयास करें:

var setCanvasSize = function() { 
canvas.width = window.innerWidth; 
canvas.height = window.innerHeight; 
}