css 的 text-shadow 生成图片后没有阴影效果

[lujihong]

示例如下：

h1{
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: bolder;
  color: #f00;
  -webkit-text-stroke: 1px white;
  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3); /* 设置向下的阴影效果 */
  border-radius: 8px;
  padding: 0 2px;
  white-space: nowrap;
}