मैं एचटीएमएल 5, Jquery / जावास्क्रिप्ट में एक शुरुआत कर रहा हूँ। मैं एक कैनवास बनाने की कोशिश कर रहा हूं (विंडोज पेंट एप्लिकेशन की तरह) और मैं यह देखने के लिए अन्य उपयोगकर्ताओं के नमूना कार्यों / कोड को देख रहा हूं कि यह क्या हो रहा है और इसे फिर से बनाने का प्रयास करें।
$(function(){
var paint = new Paint($("#surface").get(0));
// Setup line template
var templateLine = new Paint($("#toolbar #line").get(0), {"readonly": true});
templateLine.shape = new Line([10, 10], [50, 50]);
templateLine.place(templateLine.shape);
मुझे यकीन है कि यहां क्या हो रहा है। मुझे पता है कि यह नया पेंट आंतरिक अंतर्निर्मित कार्य नहीं है। यह क्या है? दूसरा, इस और के बीच क्या अंतर है
$( document).ready(function(){
var canvas = $("#canvas").get(0);
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
// Choose a color
ctx.fillStyle = "black";
ctx.strokeStyle = color;
ctx.fillRect(0, 0, 50, 50);
} else {
// Browser doesn"t support CANVAS
}
});
मदद!!!
उत्तर:
जवाब के लिए 0 № 1खैर, सबसे पहले, जो कोड आप अपने प्रश्न की शुरुआत में देख रहे थे वह शायद कुछ कैनवास लाइब्रेरी या एपीआई का उपयोग कर रहा था, लेकिन वह है नहीं वेनिला एचटीएमएल 5 कैनवास एपीआई, जो आपने नीचे लिखा है उससे पूरी तरह अलग है, भले ही उनके पास एक ही आउटपुट हो (हालांकि यह ऐसा नहीं लगता है)।
दूसरे, color परिभाषित नहीं किया गया है, इसलिए जब तक कि यह आपके में परिभाषित नहीं हैकोड कहीं और, आपका कोड काम नहीं करेगा। अन्यथा, आपका कोड कैनवास के कोने में एक काला आयताकार जो भी स्ट्रोक रंग के साथ खींचा जाएगा color है।