问题:
如题
解决办法:
简单实现头像遮罩
<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>
从实际效果来看,ion-avatar做了一些优化,在缩小图片时,细节显示的更楚,而普通的img是稍模糊些的。文章来源:https://www.toymoban.com/news/detail-707964.html
具体原因得看源码,暂时定位到object-fit无法在canvas2html中体现文章来源地址https://www.toymoban.com/news/detail-707964.html
到了这里,关于angular:html2canvas对ion-avatar节点渲染不正确的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!