需要将用户的微信头像拼接成公司logo...求思路...
发布于 2 年前 作者 Yangk030208 3306 次浏览 来自 问答

##如题,将用户的微信头像拼接成公司logo,有一个关键问题…没思路了.

####如果将各个头像的位置写成固定的横纵坐标,适配就变得很难,但如果写成百分比,对图片位置的精细操作也很难。。。求大神给点思路。

12 回复

Markdown 怎么这样了.

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

用canvas画布。

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

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

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

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

果断canvas , 图片处理 canvas最擅长, 原生canvas直接用, 前提是你会用

@Yangk030208 #号后面要加空格

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

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

TIM截图20180102124227.png

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

TIM截图20180102124227.png

用Photoshop啊

回到顶部