fabricjs
फैब्रिकज कैनवास इवेंट्स
खोज…
वाक्य - विन्यास
on (eventName, हैंडलर) - एक इवेंट श्रोता को ऑब्जेक्ट पर कॉलबैक के साथ देता है।
बंद (EventName, हैंडलर) - ऑब्जेक्ट से इवेंट श्रोता को हटा दें। इस फ़ंक्शन को कॉल करने से किसी भी तर्क को ऑब्जेक्ट पर सभी ईवेंट श्रोताओं को हटा दिया जाएगा।
ट्रिगर (EventName, optionsopt) - घटना और वैकल्पिक विकल्प ऑब्जेक्ट को फायर करता है।
पैरामीटर
| पैरामीटर | विवरण |
|---|---|
eventName | उस ईवेंट का नाम जिसे आप सब्सक्राइब करना चाहते हैं जैसे 'ऑब्जेक्ट: मूविंग' |
eventHandler | आप जिस कार्य को निष्पादित करना चाहते हैं, जब उस पार्टिकलर घटना को ट्रिगर किया जाता है |
optionsopt | विकल्प वस्तु |
टिप्पणियों
फैब्रिक इंटरएक्टिविटी और एक्स्टेंसिबिलिटी की अनुमति देने के लिए कई इवेंट्स का समर्थन करता है। आदेश में एक कैनवास के इवेंट की सदस्यता के लिए उपयोग करने on विधि जिस तरह से jQuery में अपनी इस्तेमाल किया। और आप किसी भी घटना को trigger विधि का उपयोग मैन्युअल रूप से ट्रिगर करना चाहते हैं। सभी घटनाएं एक विशेष कैनवास उदाहरण के दायरे में हैं। घटनाओं के बारे में अधिक जानकारी के लिए लिंक पर जाएं
फैब्रिक जेएस कैनवस इवेंट्स डेमो
<canvas id="c" width="400" height="400"></canvas>
var canvas = new fabric.Canvas("c");
canvas.on('mouse:up', function () {
console.log('Event mouse:up Triggered');
});
canvas.on('mouse:down', function () {
console.log('Event mouse:down Triggered');
});
canvas.on('after:render', function () {
console.log('Event after:render Triggered');
});
canvas.on('object:moving', function () {
console.log('Event object:moving Triggered');
});
canvas.on('object:modified', function () {
console.log('Event object:modified Triggered');
});
var text = new fabric.Textbox('Hello world', {
width:250,
cursorColor :"blue"
});
canvas.add(text);
ऊपर दिया गया कोड दिखाता है कि फैब्रिक.जेएस में ईवेंट एपीआई कैसे काम करता है। फोन करके on इस तरह के रूप कैनवास उदाहरण पर, या Fabric.js पर भी अन्य वस्तुओं, Rect उदाहरण के लिए, आप अपने घटनाओं को सुन सकते हैं और जब श्रोता ट्रिगर कर रहे हैं, कॉलबैक आप उन्हें पारित कर दिया है और साथ ही शुरू हो जाएगी।