html2canvas截取带css,html2canvas截取元素时

html2canvas截取元素时,元素背景的background-size值为contain时截取不到

//我设置的div的样式,其中backgroundSize的值为contain

const noDataStyle = {

width: '100%',

height: 'calc(100% - 2.2rem)',

backgroundImage: `url(${require('../../../images/noData.png')})`,

backgroundRepeat: 'no-repeat',

backgroundPosition: 'center',

backgroundSize: 'contain'

};

这种情况下可以生成canvas,但是canvas是空的

//如果将background改为img, 例如:

css:

.noDataStyle {

width: 100%;

height: calc(100% - 2.2rem);

}

.noDataStyle > img{

width: 100%;

height: 100%;

object-fit: contain;

}

html:

noData.png')%7D%60%7D

这种情况,可以生成canvas,并且canvas中有这张图片,但是图片的object-fit:contain失效