can't support transform

[a294597562]

标签上有transform属性怎么解决 兼容性

[a294597562]

怎么解决
How to solve

[Sogrey]

RT. How to solve this problem?

example：

https://codepen.io/sogrey/pen/rNmqzOQ

Supported CSS properties http://html2canvas.hertzen.com/features

Similar problems：

• can't support transform #1641
• Canvas transform is being incorrectly reset #1644
• html2canvas - Not supporting CSS transform property #2240
• Is There A Way to Save Element Which Has 'transform: rotate' Css? #2412
• CSS transform: perspective #928
• CSS transform: translate support #1492
• Css3 rotate3d property not supporting in this #1517
• CSS transform-scale bugs #1524
• Transform:translate() not supported yet? #1601
• Feature request：CSS（transform-translate3d） #1694

---

• resolved：

html2canvas(document.getElementById("css3d"), {
  useCORS: true,
  foreignObjectRendering: true,  // <---- HERE
  allowTaint: true,
  logging: false
}).then(function (canvas) {
  document.body.appendChild(canvas);
});

[wjkang]

加了 foreignObjectRendering iPhone XR又报错，用 html-to-image 也是一样