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

Fabric.js के साथ HTML5 Canvas पर एलिमेंट्स को हिलाते समय इमेज को पीछे कैसे रखें?


Canvas पर इमेज को पीछे रखने के लिए, जब एलिमेंट्स मूव करें, तो आपको पास करना होगा:

preserveObjectStacking

और निम्नलिखित काम करेगा और इमेज बैकग्राउंड में दिखाई नहीं देगी:

window.canvas = new fabric.Canvas('c', { preserveObjectStacking:true });

अब, शेप को हिलाने पर वह इमेज के ऊपर दिखाई देगी।


  1. जावास्क्रिप्ट में ऐरे के एलिमेंट्स को उसी ऐरे में डुप्लिकेट कैसे करें? जावास्क्रिप्ट में ऐरे के एलिमेंट्स को उसी ऐरे में डुप्लिकेट कैसे करें?

    ऐरे के एलिमेंट्स को उसी ऐरे में डुप्लिकेट करने का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 > <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>    

  1. HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें? HTML5 में drawImage() मेथड से इमेज कैसे ड्रॉ करें?

    Canvas drawImage() मेथड HTML5 Canvas API का drawImage() मेथड इमेज, कैनवास या वीडियो को कैनवास पर ड्रॉ करता है। इमेज के भाग भी ड्रॉ कर सकते हैं और आकार बदल सकते हैं। पैरामीटर्स: क्र.सं.पैरामीटर और विवरण 1img - इमेज, कैनवास या वीडियो एलिमेंट 2sx - क्लिपिंग शुरू करने का X निर्देशांक (वैकल्पिक) 3sy

  1. ढक्कन बंद करके विंडोज लैपटॉप को जागृत कैसे रखें ढक्कन बंद करके विंडोज लैपटॉप को जागृत कैसे रखें

    जबकि आपका विंडोज लैपटॉप स्पष्ट रूप से चलते-फिरते बहुत अच्छा काम करता है, आप इसे घर पर एक उचित वर्कस्टेशन में भी बदल सकते हैं। एक एक्सटर्नल कीबोर्ड, माउस, और मॉनिटर कनेक्ट करके, एक लैपटॉप डेस्कटॉप के रूप में कार्य कर सकता है। लेकिन इस एक समस्या है: जब यह बंद हो तो लैपटॉप को जागृत कैसे रखें? डिफ़ॉल्ट