Brak opisu

sharp-agezi fa25f45619 字体旋转修改 6 lat temu
components 7dc9169cb9 图片的合成 6 lat temu
customized fa25f45619 字体旋转修改 6 lat temu
images fc39d3845a 添加文字和图片 6 lat temu
pages fc39d3845a 添加文字和图片 6 lat temu
style 893fa16d5a 添加图片的操作 6 lat temu
utils 7dc9169cb9 图片的合成 6 lat temu
wxParse 95d2e1cd6f daliangzao 6 lat temu
app.js ae2c7e5062 产品设计展示完成 6 lat temu
app.json 7dc9169cb9 图片的合成 6 lat temu
app.wxss 28469fac80 添加定制列表页面 6 lat temu
project.config.json 71d241b0d2 canvas合成 6 lat temu
readme.md fe2fcd0527 文字合成 6 lat temu

readme.md

项目需求原型 z3qowq.axshare.com

功能列表 https://mubu.com/doc/yc_fdq72c0

https://blog.csdn.net/qq_37942845/article/details/80169907

canvas 需要实现截图

生成图片后在合成

把旋转起点转为图片中心为原点的公式

注意:用roate实现旋转,重点在于改变坐标中心点 : ctx.translate(100,45)

  坐标中心点计算公式:
  x = 左上角x + 宽度/2
  y = 左上角y + 高度/2
  然后translate到(x,y)即可,之后调用rotate进行旋转。
  旋转之后填充时注意:
  ctx.fillRect(-50,-25,100,50);
  x = - 宽度/2
  y = -高度/2
  fillRect(x,y,宽度,高度)

获取文本的基线坐标

https://blog.csdn.net/wangjiang_qianmo/article/details/73180042

文字是根据基线规律

https://blog.csdn.net/u012551350/article/details/51361778