以下是关于 jQWidgets jqxQRcode 组件中 getDataURLAsync() 方法的详细攻略。
jQWidgets jqxQRcode getDataURLAsync() 方法
jQWidgets jqxQRcode 的 getDataURLAsync() 方法用于将二维码导出为 Data URL。
语法
// 将二维码导出为 Data URL
$('#qrcode').jqxQRCode('getDataURLAsync', 'image/png', function (dataURL) {
console.log(dataURL);
});
参数
type：要导的文件，可以是 'image/png'、'image/jpeg'、'image/gif'、'image/bmp'、'image/svg+xml' 或 'application/pdf'。callback：导出完成后的函数。
返回值
- 无返回值。
示例
以下个示例演示如何使用 getDataURLAsync() 方法。
示例 1
// 将二维码导出为 Data URL
$('#qrcode').jqxQRCode('getDataURLAsync', 'image/png', function (dataURL) {
console.log(dataURL);
});
在示例 1 中，我们使用 jqxQRCode 方法调用 getDataURLAsync() 方法将二维码导出为 Data URL，并在回调函数中将 Data 输出到控制台。
示例 2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jqxQRCode getDataURLAsync Method</title>
<link rel="stylesheet" href="https://jq.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxcore.js"></script>
<script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxqrcode.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#qrcode').jqxQRCode({
width: 200, height: 200, text: 'https://jqwidgets.com'
});
$('#export-image').on('click', function () {
$('#qrcode').jqxQRCode('getDataURLAsync', 'image/png', function (dataURL) {
var link = document.createElement('a');
link.download = 'qrcode.png';
link.href = dataURL;
link.click();
});
});
});
</script>
</head>
<body>
<div id="qrcode"></div>
<button id="export-image">Export as Image</button>
</body>
</html>
在示例 2 中，我们创建了一个包含一个二维和一个的页面。当用户单击“Export as Image”按钮时，二维码将被导出为名为 qrcode.png 的图像文件。
注意事项
- getDataURLAsync() 方法用于将二码导出为 Data URL。
- getDataURLAsync() 方法通过 jqxQRCode 方法调用。
- getDataURLAsync() 方法的第一个参数是要导出的文件类型，可以是 'image/png'、'image/jpeg'、'image/gif'、'image/bmp'、'image/svg+xml' 或 'application/pdf'。
- getDataURL() 方法的第二个参数是导出完成后的回调函数。
- 可以在 getDataURLAsync() 方法中使用任何 jqxQRCode 方法和属性操作二维码。
总之，getDataURLAsync() 方法用于将二维码导出为 Data URL。以上两个示例演示了如何使用 getDataURLAsync() 方法。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQWidgets jqxQRcode getDataURLAsync()方法 - Python技术站
微信扫一扫 
支付宝扫一扫 