看到大家写的工具都是直接在图上加圆点badge,这样,如果是有色的图片,那右上角圆点外面还有颜色。。
作为伪处女座和前端渣,下午抽空写了个也是 canvas 实现的工具。
我这个效果是,缩放你的图片放于左下角,手动加圆角(因为微信头像是圆角,canvas 里单纯缩放会少两个圆角。。),然后在 canvas 最右上角加上圆点,具体效果可以看我的 头像
http://lisposter.b0.upaiyun.com/badged-avatar/preview.png
这是工具地址: http://lisposter.b0.upaiyun.com/badged-avatar/
用法就是把头像图片拖到虚线框里面,然后右键另存为(非正方形图片会被拉伸。。。。)
代码在我的github。喵。
https://github.com/lisposter/badged-avatar
就酱。
作为伪处女座和前端渣,下午抽空写了个也是 canvas 实现的工具。
我这个效果是,缩放你的图片放于左下角,手动加圆角(因为微信头像是圆角,canvas 里单纯缩放会少两个圆角。。),然后在 canvas 最右上角加上圆点,具体效果可以看我的 头像
http://lisposter.b0.upaiyun.com/badged-avatar/preview.png
这是工具地址: http://lisposter.b0.upaiyun.com/badged-avatar/
用法就是把头像图片拖到虚线框里面,然后右键另存为(非正方形图片会被拉伸。。。。)
代码在我的github。喵。
https://github.com/lisposter/badged-avatar
就酱。
8 条回复 • 2014-08-27 00:06:33 +08:00
|
1
dogarm 2014 年 8 月 26 日
哦
|
|
2
XadillaX 2014 年 8 月 26 日 via Android
哦
|
|
3
xuc 2014 年 8 月 26 日
和其他人的头像放在一起后,缩放过的会很容易看出来吧。
|
|
5
yangg 2014 年 8 月 26 日
This is no "save as" menu in safari.
|
|
6
yxt 2014 年 8 月 26 日
安卓微信上看, 形成了明显的黑边..另, 安卓微信chats的头像是直角的..
|
|
7
jings 2014 年 8 月 26 日
不错啊 位置我改了0.03 比较不那么明显 不改的话图片压缩明显 头像变难看了
同不能保存 |
爱意满满的作品展示区。