分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

使用html2canvas生成一张图片

发布时间:2023-09-06 02:08责任编辑:傅花花关键词:暂无标签

注意事项:

1、图片生成问题,生成图片测试机正常传到正式机,无法生成!!====》》原因是正式机中,使用的是CDN加载,导致图片跨域,而canvas不支持图片跨域!!!==》》把图片的CDN引用路径方式改为绝对路径引用方式!!!

2、在生成canvas的时候,文字都可以生成,但是其中一张图片给设置了img{ display:block;}导致无法一起写入canvas中,把图片设置为img{ display:inline-block;}即可以!!!!其中图片用img的形式来生成,不要用背景图,使用背景图,图片会变模糊!!!

使用html2canvas生成一张图片

原文地址:https://www.cnblogs.com/qdlhj/p/9431822.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved