angular:html2canvas对ion-avatar节点渲染不正确
问题:
如题
解决办法:
简单实现头像遮罩
<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是稍模糊些的。
具体原因得看源码