使用html2canvas生成图片 mask样式失效

名字
  • 281

用html2canvas div生成图片
image.png
mask: linear-gradient 不生效
请问下是什么问题造成的,有没有其他好的方式将div生成图片

div的样式

<div class="img"></div>

    .img {
        position: relative;
        width: 200px;
        height: 200px;
        background: url('@/assets/images/logo2.png');
        background-size: cover;
        border: solid 1px #ccc;
        &::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background: url('@/assets/images/test.jpg') no-repeat;
          background-size: cover;
          mask: linear-gradient(110deg, #000 10%, transparent 70%, transparent);
          -webkit-mask: linear-gradient(110deg, #000 10%, transparent 70%, transparent);
        }
      }
回复
阅读 359
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏