Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

एचटीएमएल 5 कैनवास ड्राइमेज () में एंटीअलाइजिंग कैसे लागू करें?


एंटीअलियासिंग के लिए, आपको पुन:नमूनाकरण गुणवत्ता सेट करनी होगी।

ctx.imageSmoothingQuality = "low|medium|high"

छवि को आधा करने के लिए एक ऑफ-स्क्रीन कैनवास का उपयोग करें -

var c = document.createElement('canvas'),
ocx = c.getContext('2d');
c.width = img.width * 0.5;
c.height = img.height * 0.5;

ocxx.drawImage(img, 0, 0, c.width, c.height);

// छवियों को कम करके फिर से आधा करना और इसे दोहराना

ocx.drawImage(c, 0, 0, c.width * 0.5, cc.height * 0.5);

  1. HTML5 कैनवास पर आयत कैसे बनाएं?

    HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। कैनवास तत्व में एक DOM विधि है जिसे getContext कहा जाता है, जो रेंडरिंग संदर्भ और इसके ड्राइंग फ़ंक्शन प्राप्त करता है। यह फ़ंक्शन एक पैरामीटर लेता है,

  1. एचटीएमएल 5 कैनवास पर एसवीजी फाइल कैसे बनाएं?

    एसवीजी को कैनवास पर खींचने के लिए, आपको एसवीजी छवि का उपयोग करना होगा। सबसे पहले, तत्व का उपयोग करें जिसमें HTML शामिल है। उसके बाद, आपको एसवीजी छवि को कैनवास में खींचना होगा। उदाहरण HTML कैनवास पर SVG फ़ाइल बनाने के लिए आप निम्न कोड आज़मा सकते हैं <!DOCTYPE html> <html>    

  1. HTML5 कैनवास के साथ छवियों का उपयोग कैसे करें?

    HTML5 टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास वाली छवियों का उपयोग करने के लिए, drawImage() विधि का उपयोग करें। यह विधि दी गई छवि को कैनवास पर खींचती है। HTML कैनवास के साथ छवियों का