小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序条形码用的是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导出图片，然后旋转图片
ctx.rotate?? canvas不支持动画？ https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.rotate.html
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
对插件的方法进行旋转修改：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导出图片，然后旋转图片
ctx.rotate?? canvas不支持动画？ https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.rotate.html