Markdown 怎么这样了.

第一个想法还是留固定的空位吧…读取用户头像的宽高然后适配到logo的空位上。是否单方向拉伸就看自己的取舍了

用canvas画布。

分成x,y轴，画布上有无数个小格子。

然后把你司的logo，导入一些工具，得出一些特征坐标。

然后把头像填入这些特征坐标中(假设头像占位1x1)

好像有些软件能直接做到这样的效果，忘记了是PPT还是啥软件 。

@Yangk030208 #号后面要加空格

1. 先处理 logo ，根据你的头像数目，及需要的大小，得到一个 M x N 的“像素格”信息。
2. 假设单个“像素格”信息使用 RGB 表示。
3. 处理每个头像图片，先把头像图片缩小至期望尺寸，然后，你需要一些规则算法，来定义这个图片整体的 RGB 值状态。（比如每个像素点的 RGB 先分别求和，再整体作个一般化处理，之类的）
4. 根据单个“像素格”和每个头像图片的整体 RGB 值，使用差异最小的图片“填”到这个像素格就好了。
5. 要说优化的话，一方面是颜色怎么尽量更贴合，另一方面，需要考虑在颜色差异的约束下，是不是每个头像都要用到，如果一个头像需要用到多次，这个多次的次数又是否需要尽量平均一些。

@yszou 学习了。已经做了一个demo …感谢。当然还有很多需要优化的地方。

@axetroy 感谢。。做了一个demo .

我想这片文章可能会帮到你 http://www.zhangxinxu.com/wordpress/2017/12/canvas-getimagedata-letter-shape-animation/

用Photoshop啊

@superbowen 笑出了猪叫