मैं जावास्क्रिप्ट के साथ अधिक परिचित होने के लिए ब्रेकआउट गेम बनाने की कोशिश कर रहा हूं।
मैं कैनवास तत्व को फिर से आकार देने की कोशिश कर रहा हूंखिड़की के आकार के अनुसार, लेकिन ध्यान दें सर्कल मैं कैनवास के आकार के अनुसार पुनः आकार प्रदान कर रहा हूं। मैं कैनवास के आकार से सर्कल के आकार को स्वतंत्र रूप से कैसे प्रस्तुत करूंगा?
//resize canvas
$(function(){
$("#canvas").width($(window).width());
});
//get a reference to the canvas
var ctx = $("#canvas")[0].getContext("2d");
//draw a circle
ctx.beginPath();
ctx.arc(75, 75, 10, 0, Math.PI*2, true);
ctx.closePath();
ctx.fill();
यहाँ मेरी बेला है: http://jsfiddle.net/z25q7/3/
धन्यवाद!
उत्तर:
उत्तर № 1 के लिए 1कैनवास बदलें " width संपत्ति सीधे, अपने सीएसएस नहीं style.width (जो jQuery करता है):
$("#canvas")[0].width = $(window).width();
यहां अधिक जानकारी: HTML बनाम कैनवस का आकार सीएसएस बनाम तत्व विशेषताओं के माध्यम से