将两张图片合成一张图片,一个很简单的需求,用html2canvas 可以实现。 在两个图片加在成功的 onload 方法里面 绘制图片。 完整代码如下:
原理是使用canvas画布。 在页面加载前 mounted方法里: setTimeout(() => { this.changeimg(); }, 1000); changeimg( )方法: changeimg(){ var self = this; var imgsrcArray = [ ...
需求背景: 后台返回两张图,一张是默认背景图bgimg,另一张是显示在背景上的图案img。 在列表中,bgimg一般不变,但img会根据不同的花的类型返回不同的图片。 需求是将两张图片叠在一起,让人以为是一张图片。 背景图bgimg: 图案img: 需求效果: 第一种方法:background
.list-item {	backgroud:url(img)right bottom no
©\ufe0f2020 CSDN皮肤主题: 游动-白 设计师:白松林返回首页
体制教科书CSDN认证博客专家CSDN认证企业博客
积分
粉丝
获赞