在开发工具上显示正常,在手机上保存图片后,相册中打开,会导致背景变为黑色
开发工具展示
手机展示
如果要做成白底黑字要怎么设置
const ctx = wx.createCanvasContext('sku-bill-canvas', that);
// 底图
ctx.drawImage('../../../pages/shop/detail/img/product.png', 0 * xs, 0 * xs, ImageBGWidth, ImageBGHeight);
// 文字
ctx.setFillStyle('#000000'); // 文字颜色:黑色
ctx.setFontSize(26 * xs); // 文字字号:22px
ctx.drawImage(that.data.skuBillUrl, CodeOffsetX, CodeOffsetY, 160 * xs, 160 * xs);
ctx.fillText('姓名:' + skuBill.name, TextOffsetX, TextOffsetY);
ctx.fillText('电话:' + skuBill.phone, TextOffsetX, TextOffsetY + 40 * xs);
ctx.setTextAlign('left'); // 文字居中