首页
工具箱
Search
1
Vue vben admin 2.0的封装部分坑点
1,234 阅读
2
人和,亚冠!加油!!
1,179 阅读
3
百度地图坐标系对腾讯地图坐标系转换
1,109 阅读
4
解决Ant Design Vue的Select搜索指定字段的问题
898 阅读
5
Pyqt5 getOpenFileName筛选文件类型
870 阅读
技术宅的演示性文稿
技术宅的吐槽文档
一个的舞台
唱唱反调
老文章归档
光年计划
登录
Search
标签搜索
老文章
CS
长春
大学
程序员
vue
酷游CS俱乐部
dedecms
贵州人和
织梦
php
vant
小程序
军训
缘
ie6
google
大连
2012
js
茶树虾
累计撰写
308
篇文章
累计收到
120
条评论
首页
栏目
技术宅的演示性文稿
技术宅的吐槽文档
一个的舞台
唱唱反调
老文章归档
光年计划
页面
工具箱
搜索到
1
篇与
teaxia,茶树虾,vue,js,php
的结果
2018-01-29
html2canvas截图不能截取圆角图片的解决方案。
第一次用html2canvas,目的就是想把整个页面截图下来生成一张图片给用户保存下面我们先来看看HTML渲染出来的是啥样子的 HTML渲染出来的图片可以看到上面的图片是有圆角效果的,但是当我用html2canvas来进行转换图片操作的时候,发现图片圆角效果没失效了。 变成了上面这个样子。想了很多解决方案,后来决定把后面的圆角做成一张背景图片,中间圆的部分背景透明,然后通过绝对定位覆盖到原来的图片上面,相当于是一个遮罩这种效果。当然,遮罩图片的DOM节点必须在需要圆角图片的下面,类似于<div class="avatar_img fl"><div class="avatar_img fl"> <img src="" id="you" class="avatar_pp fl" /><!--需要圆角的原始图片--> <img src="/template/images/avatar.png" class="img-responsive" style="position: absolute;"><!--遮罩图片--> </div> 生成出来就是正常的样子了
2018年01月29日
330 阅读
0 评论
2 点赞