xlfsummer / mp-painter

声明式地创建适用于 uniapp, 原生微信小程序和原生H5的 canvas 海报

Home Page:https://mp-painter.xlf-summer.cn/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

图像使用height: "auto"会报错

q326066766 opened this issue · comments

图像使用height: "auto"会报错
还有为什么已经设置好宽高了
image

但是显示出来一直都是限制在300*150?
image

  • image 元素目前不支持 height: "auto"
  • 300 × 150 应该是 canvas 元素的默认尺寸

设置成`就可以了;
假如显示的时候宽度可以是750rpx,到时候导出时希望宽度是1500rpx,放大一倍的话应该怎么做?
image

可以给出一个示例吗?现在的demo看不太懂吖

可以先用 1500 的 canvas 绘制并导出,生成一个 1500 的图片,拿到图片临时地址之后,再用一个 750 的 image 元素来显示

喔明白了,现在有个问题,在微信小程序下能正常渲染背景色,但H5下第一次渲染时背景色变成透明的,重新渲染一次就正常了,不知道是不是BUG,还在排查,用的是HX开发工具的内部浏览器,
image

还有有时渲染出来的图片变形
image

mp-painter 没有自动绘制背景,请手动绘制一次背景(使用 rect)

还有有时渲染出来的图片变形

这个可以详细说一下复现步骤

要不加你QQ然后展示给你看下,github上不好展示,然后如果先用 1500 的 canvas 绘制并导出,生成一个 1500 的图片,拿到图片临时地址之后,再用一个 750 的 image 元素来显示,那我要如何才能确定canvas已经绘制完成?

这个可以详细说一下复现步骤 ,
image

那我要如何才能确定canvas已经绘制完成?

Painter.prototype.draw 是一个异步方法,所以可以用 await.then 来控制流程

await Painter(xxxxxx).draw(xxxxxxx)
// 这里可以确定绘制已完成

@q326066766
图片变形问题请移步新 issue 讨论 #31

现在的宽高可以设置auto吗?我用的1.0.1版本设置后还会报错