小程序条形码需要竖状的,canvas不能旋转?
小程序条形码用的是barcode插件,生成如下:
但最近有个需求要求是全屏的,如下图:
本来以为生成后,用css动画旋转90度即可,但是小程序组件canvas不支持动画,暂时也没其他办法了。问下大家有好的解决方案吗?
3 回复
对插件的方法进行旋转修改:ctx.translate(width/2, 0)
ctx.rotate(90 * Math.PI / 180);
然后将g的宽高和条码密度barweight进行改变:
var g = new Graphics(ctx, height, width);
var barWeight = g.area.height / ((codes.length - 3) * 11 + 35);
可以试一试
ctx.rotate?? canvas不支持动画? https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.rotate.html