Kemarin saya memperkenalkan plug-in untuk menghasilkan kode QR, QRCode.js, yang digambar dengan bantuan HTML5 Canvas. Jadi, protagonis masa kini adalah kanvas – penerapan praktis dari kanvas.
1. Unduh kode QRHTMLCanvasElement menyediakan metode toDataURL, yang mengembalikan URI data yang berisi format representasi gambar yang ditentukan oleh parameter tipe. Melalui metode ini kita dapat menghasilkan gambar kode QR dan mendownloadnya. Contohnya adalah sebagai berikut:
/*html*/<div id=qrcode>div><a href=javascript:; download=kode QR id=down>Unduh kode QR</a>/*js*/var canvas = document.getElementsByTagName(' canvas' )[0];var downImg = document.getElementById('down')img.href = document.getElementsByTagName('kanvas')[0].toDataURL('gambar/png') 2. Tambahkan tanda air ke gambarAnda dapat dengan mudah menambahkan tanda air ke gambar dengan menggunakan metode fillText dan drawImage pada kanvas. Contohnya adalah sebagai berikut:
/*html*/<canvas id=canvas></canvas>/*js*/var img = new Image(); // Membuat elemen img var canvas = document.getElementById('canvas')var ctx = canvas.getContext ('2d');img.src = 'gambarsaya.png';img.onload = fungsi(){ ctx.drawImage(img, 0, 0); ctx.font=30px yahei; //Setel teks tanda air ctx.fillText(ujung depan besar, 1100, 260)}Sekian untuk hari ini. Jangan ragu untuk membagikan aplikasi kanvas lainnya. Saya berharap ini dapat membantu pembelajaran semua orang, dan saya juga berharap semua orang mendukung Jaringan VeVb Wulin.