- 不支持的 CSS 属性
- background-blend-mode">background-blend-mode
- border-image">border-image
- box-decoration-break">box-decoration-break
- box-shadow">box-shadow
- filter">filter
- font-variant-ligatures">font-variant-ligatures
- mix-blend-mode">mix-blend-mode
- object-fit">object-fit
- repeating-linear-gradient()">repeating-linear-gradient()
- writing-mode">writing-mode
- zoom">zoom
- 支持的CSS属性
">
Discover the different features supported by html2canvas
探索被html2canvas支持的不同属性
不支持的 CSS 属性
目前html2canvas的库不支持这些 CSS 属性(意味着,你使用以下属性后,将不能按预期截图)
background-blend-mode
border-image
box-decoration-break
box-shadow
filter
font-variant-ligatures
mix-blend-mode
object-fit
repeating-linear-gradient()
writing-mode
zoom
支持的CSS属性
以下这个列表是所有可以支持的css属性和值:
- background
- background-clip (Does not support text)
- background-color
- background-image
- url()
- linear-gradient()
- radial-gradient()
- background-origin
- background-position
- background-size
- border
- border-color
- border-radius
- border-style
- border-width
- bottom
- box-sizing
- content
- color
- display
- flex
- float
- font
- font-family
- font-size
- font-style
- font-variant
- font-weight
- height
- left
- letter-spacing
- line-break
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- max-height
- max-width
- min-height
- min-width
- opacity
- overflow
- overflow-wrap
- padding
- paint-order
- position
- right
- text-align
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style (Only supports solid)
- text-shadow
- text-transform
- top
- transform (Limited support)
- visibility
- white-space
- width
- webkit-text-stroke
- word-break
- word-spacing
- word-wrap
- z-index