利用html2canvas插件自定义生成名片信息并保存图片功能

所属分类:媒体,其他-图像,杂项

 8541  27  查看评论 (2)
分享到微信朋友圈
X
利用html2canvas插件自定义生成名片信息并保存图片功能 ie兼容12

更新时间:2023-06-18 23:08:53

使用 创建容器Dom【将所需要生成图片的内容写在容器内】

<div id="container"></div>

获取容器

let ImageContainer = document.getElementById("container");

创建canvas

let canvas = document.createElement("canvas");
let context = canvas.getContext('2d');
html2canvas(ImageContainer, opts).then(function(canvas) {});
相关插件-图像,杂项

SVG图像生成插件triangloid

triangloid是一个JavaScript库,可以将图像生成为多边形图像并输出成SVG格式。它是基于trianglify
  图像
 32269  335

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47665  362

jQuery图片合成插件

上传背景图,主图1,主图2,主图3,合成一张图片
  图像
 29790  319

二维码生成插件qrcode.js

二维码生成插件qrcode.js,在此插件基础上添加了logo图片功能和对中文的支持,无需对中文转码可直接支持生成中文网址二维码
  图像
 30961  375

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    小丑路人 0
    2024/12/13 14:45:33
    *上邪!!! 0
    2023/7/17 23:36:32
    吊炸天了啊这个 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复