फॉन्ट्स को स्केल करने के लिए, आइए एक उदाहरण देखें।
Canvas: 800px Font Size: 60px
कैनवास के आधार पर फॉन्ट साइज़ को स्केल करने के लिए हमारे उदाहरण के लिए निम्न कोड का उपयोग करें:
var fontBase = 800; var fontSize = 60; function getFont() { var ratio = fontSize / fontBase; var cSize = canvas.width * ratio; return (cSize |0) + 'px sans-serif'; }
HTML5 Canvas एलिमेंट प्रिंट करें
निम्नलिखित HTML5 Canvas एलिमेंट प्रदर्शित करने के लिए कोड स्निपेट है। <a href = javascript:print_voucher()>PRINT CANVAS</a> function print_canvas() { $(#canvas_voucher).printElement(); } यहां canvas_voucher Canvas एलिमेंट की ID है। इसे कार्यशील बनाने के लिए हमें Canvas को .png इम
HTML5 Canvas ट्रांसफॉर्मेशन
HTML5 Canvas उन मेथड्स को प्रदान करता है जो ट्रांसफॉर्मेशन मैट्रिक्स में सीधे संशोधन की अनुमति देते हैं। ट्रांसफॉर्मेशन मैट्रिक्स प्रारंभ में पहचान ट्रांसफॉर्म होना चाहिए। इसे फिर ट्रांसफॉर्मेशन मेथड्स का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए Canvas ट्रांसफॉर्मेशन का एक उदाहरण देखें: <
HTML5 कैनवास में fillText लाइन ब्रेक नहीं करता - समाधान
समस्या fillText() मेथड लाइन ब्रेक (\n) का सम्मान नहीं करता। यह टेक्स्ट को एक ही लाइन पर ड्रा करता है। बहु-लाइन टेक्स्ट के लिए, मैन्युअल रूप से लाइन्स को विभाजित करके प्रत्येक को अलग से ड्रा करना पड़ता है। समाधान: कस्टम wrapText फंक्शन <!DOCTYPE html> <html> <body> <canvas