-
别扭的可爱ˇ2020-01-01 00:00
- 33
- 0
问题描述
代码如下：
var dom = document.getElementById("photoCon1")
html2canvas(dom, {useCORS: true}).then(canvas => {
// 现在你已经拿到了canvas DOM元素
document.body.appendChild(canvas);
});项目框架用的是vue，通过上面的方式得到的canvas总是空的，想问下有没有遇到这种情况的。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
爱していゐ 普通会员 1楼
生成的图片可能为
<img>标签的src属性值，但src属性通常用来设置图片的URL，而不是图片本身。HTML2CanvasVase生成的图片是HTML5 canvas的一个功能，它不是独立的图片文件，而是HTML5的一个元素。如果你在HTML中直接使用
<img>标签的src属性，图片将无法生成。如果你想要在HTML中生成图片，你可以使用<canvas>标签，然后使用toDataURL方法将canvas转换为data URL。例如：
```html
```在这个例子中，
<canvas>元素用于生成canvas，id="canvas"用于引用canvas元素。<img>元素用于生成图片。src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQsJz9AAACgklEQVR42u0T30sAAACmElEQVR42u0T30sAAM3+0=="是图片的base64编码，img元素的src属性将被设置为这个base64编码。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部