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

UIWebView HTML5 कैनवास और रेटिना डिस्प्ले

<घंटा/>

रेटिना आकार की छवि को HTML5 कैनवास में रखने के लिए, निम्न कोड को कैनवास के साथ आज़माएं:

var context = myCanvas.getContext("2d");

context.attr("width", width * window.devicePixelRatio);
context.attr("height", height * window.devicePixelRatio);

context.scale(window.devicePixelRatio, window.devicePixelRatio);
context.drawImage(img, x, y, width, height);

  1. - HTML5 कैनवास में मंडलियों के अंदर एक टेक्स्ट बनाएं

    कैनवास में मंडलियों के अंदर पाठ बनाने के लिए, इसका उपयोग करें: context.beginPath(); निम्नलिखित कैनवास है: $("#demo").on("click", "#canvas1", function(event) {    var canvas = document.getElementById('canvas1');    if (canvas.getContext) { &n

  1. - एक HTML5 कैनवास तत्व प्रिंट करें

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

  1. - HTML5 कैनवास परिवर्तन

    HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए कैनवास परिवर्तन का एक उदाहरण देखें: function drawShape(){// DOM वर