html2canvas 与 box-shadow生成的下划线不兼容
时间: 2023-11-23 22:35:58 浏览: 357
HTML2Canvas 是一个将 HTML 元素转换为 Canvas 的 JavaScript 库,而 box-shadow 是 CSS 样式属性用于创建阴影效果的属性之一。这两个东西在本质上并没有联系,因此它们之间不存在兼容性问题。
可能你的意思是在使用 HTML2Canvas 时,如果要对元素应用 box-shadow 属性创建下划线,然后将该元素转换为 Canvas,会发现生成的下划线效果与原来的不同。这是因为 box-shadow 属性生成的阴影效果在转换为 Canvas 后无法被完全保留,导致下划线效果发生变化。
解决方案是使用其他方式创建下划线,例如使用 border-bottom 属性或者伪元素等方式,避免使用 box-shadow。
阅读全文