微信签名生成图片回显错位 提示canvas-id已经存在

我的这个问题产生原因是因为我使用了wx:if=""来判断签名版的显示和隐藏，所以会造成这个canvas-id已经存在，并且回显的签名照片错位，怎么调整都不行，签名前和签名后的签名位置都不相同。
解决办法：利用css属性display来控制canvas的显示与隐藏，style=“display:{{cssFlg}}”
赋值 cssFlg=“none” 来控制隐藏 cssFlg=“black” 来控制显示 这样不会出现错位和canvas-id存在这个问题
还有就是生成图片的方向问题，一般生成的图片为竖着的，竖的签字地方小，手机横着签生成的图片是倒着的，解决思路再利用一个不显示在页面（定位在页面外）canvas来旋转生成图片解决