live demo 可以从本地上传图片,查看效果
将一个图片转换为点图
npm i dot-image- 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" />