dot-image

Dot Image

live demo 可以从本地上传图片,查看效果

介绍

将一个图片转换为点图

安装

npm i dot-image

Props

• src 图片地址
• color 图片颜色 默认原始图片的像素颜色
• fontWeight 像素大小
• direction 控制绘制的方向 默认为纵向

使用说明

• main.ts

import { DotImage } from 'dot-image'
app.component('DotImage', DotImage)

• vue script

import img from '../public/3.png'

• vue template

<DotImage :src="img" color="red" font-weight="5" w-20 ma ></DotImage>

• JS

const dotImage1 = new DotImageCanvas(kb, '', 3, 'transparent')
dotImage1.append('.dotImage')

• html

<span class="dotImage" />