# html2canvas

**Repository Path**: alex_house/html2canvash

## Basic Information

- **Project Name**: html2canvas
- **Description**: html2canvas生成海报
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-25
- **Last Updated**: 2022-10-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# html2canvas

html2canvas生成海报

4.  vue使用方式参考文档：https://blog.csdn.net/qq_43241161/article/details/107382364/?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0--blog-124835596.pc_relevant_paycolumn_v3&spm=1001.2101.3001.4242.1&utm_relevant_index=3

## 图片跨域不显示解决

参考文档：https://www.jianshu.com/p/73f07b76bd3a

一、html2canvas在IOS微信中点击无反应

​    使用 html2canvas 1.0.0-rc.4 这个指定版本即可

二、html2canvas图片跨域问题

  第一步：设置useCORS为true允许跨域

>   new html2canvas(document.getElementById('printDiv'), {
>
> ​       useCORS: true //允许跨域
>
>    }).then(canvas => {
>
> ​       this.canvasImg = canvas.toDataURL("image/jpeg", 1); // 导出图片
>
> ​       this.showPopup= true
>
> ​				  });

第二步：如果还不行，找到html2canvas.js（依赖包中dist下的html2canvas.js）下载到本地，然后更改img的src增加一个随机参数，然后使用本地静态js文件即可。



![image-20220625214319055](pics/image-20220625214319055.png)




#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)