当前位置: 首页 > news >正文

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是稍模糊些的。

        具体原因得看源码

http://www.lryc.cn/news/159368.html

相关文章:

  • 使用dockerfile文件部署Python+PyWebIO项目
  • 【web开发】5.Mysql及python代码执行数据库操作
  • Android学习之路(13) Handler详解
  • 介绍一些开发用到的工具
  • 【笔试真题记录】2023滴滴编程第二题
  • 中国ui设计师年终工作总结
  • CSS 滚动驱动动画 scroll()
  • 基于Java+SpringBoot+Vue前后端分离在线考试系统设计和实现
  • nvm管理多个版本的nodejs
  • LeetCode 1658. 将 x 减到 0 的最小操作数
  • Rasa 3.1 机器学习一构建标准的对话
  • MySQL的概述、版本、安装过程
  • leetcode:58. 最后一个单词的长度
  • Electron 两个线程
  • 基于YOLOv8和WiderFace数据集的人脸目标检测系统(PyTorch+Pyside6+YOLOv8模型)
  • 《消息队列》专栏介绍
  • 各类工具使用详情【持续更新】
  • docker容器的安装和基础练习
  • WordPress 后台密码忘记后,重置找回密码的 N 种方法
  • 将PyCharm中的终端运行前面的PS修改成当前环境
  • Linux系统编程—socket网络编程
  • 函数指针
  • Linux——进程间信号(超级详解!!)
  • C++ STL库的介绍和使用
  • Excel数学、工程和科学计算插件:FORMULADESK Studio
  • 大规模 Spring Cloud 微服务无损上下线探索与实践
  • 【LeetCode】剑指 Offer 54. 二叉搜索树的第k大节点
  • C++设计模式_03_模板方法Template Method
  • 【LeetCode-中等题】79. 单词搜索
  • 揭秘iPhone 15 Pro Max:苹果如何战胜三星