vue，html2canvas，网页div保存为图片

handleCreateImagesBtn () {let that = thisthis.actionChangeScaleAlias('1')if (this.showScaleState !== '1') {ElementMsg(this, 'success', '坐席正处于缩放状态，请将显示比列设置为100%后重试')return false} ElementMsg(this, 'info', '图片生成中，请稍候...')// 生成图片let _canvas = document.querySelector('.SeatManageEditSeatArea')console.log(_canvas)html2canvas(_canvas).then(canvas => {console.log(canvas)this.toDataURL = canvas.toDataURL()let param =  {id: that.meetingInfoState.id,meetingId: that.$route.query.meetingId,meetingMaxUrl: canvas.toDataURL(),canvasWide: parseInt(_canvas.style.width.substring(0, _canvas.style.width.length - 2)),canvasHigh: parseInt(_canvas.style.height.substring(0, _canvas.style.height.length - 2))}console.log(param)uploadImg('', param).then((res) => {// 请求})})},

<a :href="toDataURL" download="图片canvas.png">下载图片</a>

转自作者：

https://juejin.im/post/5c1896d7f265da612c5dd13f

vue，html2canvas，网页div保存为图片相关推荐

H5页面使用html2canvas实现div生成为图片，保存到手机
在做微信公众号H5页面时,需求要求html页面生成base64图片,并保存到手机相册中.之前没做过,在网上搜了相关的资料.了解到了html2canvas.js. html2canvas首先将页面生成c ...
使用 html2canvas 将页面保存成图片
有时我们需要实现在浏览器端直接对整个或部分页面进行截屏,比如移动端常见的"长按网页保存为图片"功能.这个借助 html2canvas 这个第三方 js 库即可实现,下面通过样例演示 ...
利用html2canvas截取div保存为png图片并下载
Html2canvas是什么? 是一个脚本这个脚本可以允许用户直接在浏览器上拍摄网页或其中一部分的"屏幕截图".屏幕截图是基于DOM,因此可能无法真实表示100%的准确度,因为它 ...
网页div转换成图片导出——html2canvas
[html] view plaincopy <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
html2canvas源码修改,html2canvas把div保存高清图的方法代码
http://www.bootcdn.cn/(可以搜索html2canvans) 1.选择html2canvas版本(这个版本可以放大倍数保证图片清晰) 默认生成的canvas图片在retina设备上 ...
html div保存png图片,纯JS实现将DIV中的内容转化为PNG图片
//1.将div转成svg var data = "data:image/svg+xml," + "" + "" + " &quo ...
html2canvas 插件实现网页截图（html保存为图片）
1.html2canvas 官网: http://html2canvas.hertzen.com/ html2canvas 是一款利用javascript进行屏幕截图的插件.可以使用两种语法格式进行截 ...
vue页面截图用html2canvas截图不完整有滚动条+有echarts图表时完整截图——截图保存为图片或pdf
问题最开始需要做一个网页的截图,结果发现有滚动条怎么都截取不成功,然后各种百度到了一个办法,就是复制那个节点到body,然后在截取那个复制的节点,小页面实验了一下,成功了好开心,代码是这样的.但是, ...
html2canvas 把h5网页保存为图片区域保存
html2canvas 把h5网页保存为图片想把一个网页得某些元素,绘制成图片保存,有些数据是接口动态加载的,所以不能UI给到图片,需要我们把api的数据也绘制到图片上 html2canvas这个插 ...

vue，html2canvas，网页div保存为图片

vue，html2canvas，网页div保存为图片相关推荐

最新文章

热门文章