看到大家写的工具都是直接在图上加圆点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
就酱。
Select Language