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

Canvas Fabric.js की लेयर्स


FabricJS में ऑब्जेक्ट्स के z-index को बदलने के लिए निम्नलिखित API मेथड्स हैं:

canvas.sendBackwards(myObject) 
canvas.sendToBack(myObject) 
canvas.bringForward(myObject) 
canvas.bringToFront(myObject)

आप इसका भी उपयोग कर सकते हैं:

fabric.Canvas.prototype.orderObjects = function(compare) { 
    this._objects.sort(compare); 
    this.renderAll(); 
}

  1. - HTML5 Canvas में कंपोजिशन एट्रिब्यूट?

    HTML5 Canvas कंपोजिशन एट्रिब्यूट globalCompositeOperation प्रदान करता है जो सभी ड्राइंग ऑपरेशन्स को प्रभावित करता है। <!DOCTYPE HTML> <html> <head> <script> var compositeTypes = [ source-over,source-in,source-out,source-atop,

  1. - HTML5 Canvas एलिमेंट प्रिंट करें

    निम्नलिखित HTML5 Canvas एलिमेंट प्रदर्शित करने के लिए कोड स्निपेट है। <a href = javascript:print_voucher()>PRINT CANVAS</a> function print_canvas() { $(#canvas_voucher).printElement(); } यहां canvas_voucher Canvas एलिमेंट की ID है। इसे कार्यशील बनाने के लिए हमें Canvas को .png इम

  1. - HTML5 Canvas ट्रांसफॉर्मेशन

    HTML5 Canvas उन मेथड्स को प्रदान करता है जो ट्रांसफॉर्मेशन मैट्रिक्स में सीधे संशोधन की अनुमति देते हैं। ट्रांसफॉर्मेशन मैट्रिक्स प्रारंभ में पहचान ट्रांसफॉर्म होना चाहिए। इसे फिर ट्रांसफॉर्मेशन मेथड्स का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए Canvas ट्रांसफॉर्मेशन का एक उदाहरण देखें: <