kiccer / wx-canvas-2d

微信小程序 canvas-2d 绘图工具🖌️🧑‍🎨 | 支持按需加载🍃,支持内容配置🧩,支持功能扩展🔥 | 适配各种机型📱,超轻量☁️,超易用⚪,无需学习📚️,直接上手🚀
https://kiccer.github.io/wx-canvas-2d/
MIT License
86 stars 10 forks source link

在测试文本换行的时候,最后一行刚好多出一个字的话,好像这个字就不显示了 #6

Closed kiccer closed 3 years ago

kiccer commented 3 years ago

在测试文本换行的时候,最后一行刚好多出一个字的话,好像这个字就不显示了 image image

// pages/test3/index.js
import {
  WxCanvas2d,
  Text
} from 'wx-canvas-2d'

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

    // 实例化对象
    const canvas = new WxCanvas2d()

    // 创建画布
    canvas.create({
        query: '.poster-canvas', // 必传,canvas元素的查询条件
        rootWidth: 750, // 参考设备宽度 (即开发时UI设计稿的宽度,默认375,可改为750)
        bgColor: '#fff', // 背景色,默认透明
        component: this, // 自定义组件内需要传 this
        radius: 16 // 海报图圆角,如果不需要可不填
    })

    canvas.draw({
      series: [
          {
              type: Text,
              text: '即:在这里😄😄哈哈要根据表1中的followList,查出列表中每个item对应的表2的数据(对应的字段是Reporter_name和unit),并且放在一个数组中,应该如何实现呢哈一二三',
              fontSize: 30,
              width: 750
          }
      ]
  })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

Originally posted by @kwen94 in https://github.com/kiccer/wx-canvas-2d/issues/5#issuecomment-921407720