html2canvas关于图片不能正常截取的办理方案

起首说说碰着了什么题目。起首有这么一个需求。必要前端按照后端传过来数据，动态的天生图片。图片中的文案、配景图片、用户头像所有都是通事后端的接口获取。可是行使 html2canvas 天生的canvas有些图片乐成的在canvas里天生了。可是有些图片无论怎样都表现不出来。

官方文档

在项目内里操纵了半天未果，google了半天未果。此时有些许绝望。溘然想到了，为什么不去它的 官网 看看呢。于是乎我在官网上看到了下面的内容。

Limitations<br/>
All the images that the script uses need to reside under the same origin for it to be able to read them without the assistance of a proxy. Similarly, if you have other canvas elements on the page, which have been tainted with cross-origin content, they will become dirty and no longer readable by html2canvas.<br/>
The script doesn't render plugin content such as Flash or Java applets.

讲的啥呢，这里为英文欠好的同窗翻译一下。英语好的可以直接看上文。或许的意思就是在html2canvas内里，是行使剧本去操纵的，也就是说行使剧本把html转换成canvas，可是有一个限定，那就是不能行使跨源的图片。假如行使了，html2canvas将不会读取资源。

这也就是为什么转换出来的canvas有些图片一向是空缺的缘故起因。假如页面中有其他的canvas也行使了跨源的图片资源，html2canvas都不会去读取。

办理方案

对静态资源做一次转发而且在html2canvas的 设置 内里应承加载跨源资源,就可以了。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!