問(wèn)題：
? ? ? ? 如題
解決辦法：
? ? ? ? 簡(jiǎn)單實(shí)現(xiàn)頭像遮罩
<div class="ion-avatar" style="width: 40px; height: 40px; border-radius: 50%; overflow: hidden">
<img src="" alt=""/>
</div>
<style>
.ion-avatar-copy {
border-radius: 50%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
</style>? ? ? ? 從實(shí)際效果來(lái)看，ion-avatar做了一些優(yōu)化，在縮小圖片時(shí)，細(xì)節(jié)顯示的更楚，而普通的img是稍模糊些的。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-707964.html
? ? ? ? 具體原因得看源碼，暫時(shí)定位到object-fit無(wú)法在canvas2html中體現(xiàn)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-707964.html
到了這里，關(guān)于angular：html2canvas對(duì)ion-avatar節(jié)點(diǎn)渲染不正確的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
