我现在有一个类似这样的需求,需要用头像图片拼接组成图形以及文字内容。
这个图形和文字是用户上传的一个纯色内容+透明/白色底的图片。
我就直接想到用 canvas
来识别图片内容。但是我并不熟悉 canvas
。
昨天晚上初步实现了需求,但是我觉得我的路子有一点不对。
直接暴力的按照设置的 size 大小
从左上角不断循环识别到右下角,然后保存有内容的坐标点,
再按照坐标来绘制矩形和图片填充。
因为还要做一些图片移动以及循环重组不同的文字内容。
所以还需要不断得绘制 canvas
里边的内容。
按照现在识别的 4000 多个矩形,如果需要流畅的绘制动画,会不会出现卡顿的情况。
👇 这边是我实现的效果。