如何用html的做实现一个不规则模板拼图？

时间：2024-01-16 03:24:01 | 来源：网站运营

时间：2024-01-16 03:24:01 来源：网站运营

如何用html的做实现一个不规则模板拼图？：这是个有意思的题目，就好像是雪碧图的逆向解析。

我能想到的方法是：

1、把图片按原尺寸画到 canvas 里。

2、通过 canvas 的 getImageData 方法获取颜色信息，其中 a 位置为 0 就表示是透明的

3、这一步其实就是一个动态规划算法：
a 逐行扫描
b 每一行拿到所有连续不透明的区域
c 联系已扫描过的行，生成不透明区域所能占据的最大矩形，每一个矩形就表示一个图形