小程序条形码需要竖状的,canvas不能旋转?
发布于 6 年前 作者 btang 3652 次浏览 来自 官方Issues

小程序条形码用的是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);

可以试一试

  1. CanvasContext.rotate

  2. canvas导出图片,然后旋转图片

回到顶部