@yll10243/lowcode-generate-img

通过canvans生成指定大小图片的base64

按照及其使用

# 按照包
npm i @yll10243/lowcode-generate-img 
# 在main.ts中
import drawImg from "@yll10243/lowcode-generate-img"
const app = createApp(App)
app.use(drawImg)
# 组件中使用
<LowImage :width="w" :height="h"></LowImage>

参数及使用

参数

const props = defineProps({
  /**
   * 宽度
   */
  width: {
    type: Number,
    default: "0"
  },
  /**
   * 高度
   */
  height: {
    type: Number,
    default: "0"
  },
  /**
   * 背景色 red|#ffffff
   */
  bgColor: {
    type: String,
    default: ""
  },
  /**
   * 圆角
   */
  around: {
    type: Number,
    default: 0
  },
  /**
   * 文字颜色red|#ffffff 默认黑色
   */
  textColor: {
    type: String,
    default: "#000000"
  }
})

使用

<drawImg ref="xxx" :width="w" :height="h" :bgColor="bg" :textColor="tg" :around="r" />
生成图片
let res = xxx.value.generateImg()