4068
获得徽章 0
我希望通过 canvas 绘制出和 html 一样的视觉效果，当没有 transform 这样的 css 的时候，很容易就可以实现；
但是当给 html 中的dom 添加了下面的 css 之后，就很难绘制出和 html 视觉效果一样的 canvas 图形了，问题主要表现在，很难做到一模一样的 x、y 定位。
已贴代码，欢迎尝试，求赐教一二![[谢谢]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_112.2dd347d.png)
transform:perspective(none) scaleX(1.216) scaleY(1.17882) translateX(32px) translateY(136px) rotate(39.26deg);
code.juejin.cn
但是当给 html 中的dom 添加了下面的 css 之后，就很难绘制出和 html 视觉效果一样的 canvas 图形了，问题主要表现在，很难做到一模一样的 x、y 定位。
已贴代码，欢迎尝试，求赐教一二
![[谢谢]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_112.2dd347d.png)
transform:perspective(none) scaleX(1.216) scaleY(1.17882) translateX(32px) translateY(136px) rotate(39.26deg);
code.juejin.cn
展开
2
点赞
![[奸笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_17.bcebf79.png)
![[发]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_136.5eba004.png)