添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
// 生成二维码地址
getQRCodeUrl(spreadUrl) {
  const QRCodeUrl = jrQrcode.getQrBase64(spreadUrl);
  return QRCodeUrl;

展示二维码图片

<img :src="getQRCodeUrl('二维码内容')" alt="" />

下载生成好的二维码图片到本地

// 下载二维码
uploadQRCode(spreadUrl) {
  const image = new Image();
  // 解决跨域 canvas 污染问题
  image.setAttribute("crossOrigin", "anonymous");
  image.onload = function() {
    const canvas = document.createElement("canvas");
  	canvas.width = image.width;
  	canvas.height = image.height;
  	const context = canvas.getContext("2d");
  	context.drawImage(image, 0, 0, image.width, image.height);
  	//得到图片的base64编码数据
  	const url = canvas.toDataURL("image/png");
  	// 生成一个 a 标签
  	const a = document.createElement("a");
  	// 创建一个点击事件
  	const event = new MouseEvent("click");
  	// 将 a 的 download 属性设置为我们想要下载的图片的名称,若 name 不存在则使用'图片'作为默认名称
  	a.download = name || "二维码";
  	// 将生成的 URL 设置为 a.href 属性
  	a.href = url;
  	// 触发 a 的点击事件
  	a.dispatchEvent(event);
  	// return a;
  image.src = this.getQRCodeUrl('二维码内容');
 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。
yarn build
 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。
 生成被最小化,并且文件名包括哈希值。 您的应用已准备好进行部署!
 有关更多信息,请参见关于的部分。
yarn eject
 注意:这是单向操作。 eject ,您将无法返回!
 如果您对构建工具和配置选择不满意,则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。
 相反,它将所有配置文件和传递性依赖项(webpa
<img :src="qrcodeImg" alt="" class="qrcodeImg">
调用构造器生成二维码,这里只简单配置一下,更详细的使用请参考:npm jr-qrcode
let imgBase64 = jrQrcode.getQrBase64(text, options);  /
https://github.com/mikepenz/MaterialDrawer ★7337 - 安卓抽屉效果实现方案
https://github.com/Yalantis/Side-Menu.Android ★3865 - 创意边侧菜单
https://github.com/mxn21/FlowingDrawer ★1744 - 向右滑动流动抽屉效果
https://github...
&lt;!-- https://mvnrepository.com/artifact/com.google.zxing/core --&gt;
&lt;dependency&gt;
    &lt;groupId&gt;com.google.zxing&lt;/groupId&gt;
    &lt;artifactId&gt;co...