头像制作

使用ivx画布组件打印微信头像的经验总结

阅读更多关于使用ivx画布组件打印微信头像的经验总结

在案例中经常需要实现这样一种功能，我们先获取到用户的微信头像，然后给用户的头像添加一些装饰的图案并制作出一张新的图片，最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面小红旗”这个demo讲一讲这种案例该如何实现。 1.首先搭建一个比较简单的界面，主体是一个画布，在画布里添加两个图片组件，一张用来显示当前用户的头像，另一张小图就是展示小红旗。还需要添加一个横幅，横幅里面放置一个图片组件用来展示最终合成的图片。这里图片1的素材资源地址与文本变量“打印的图片”进行数据绑定，到时我们直接将合成图片的URL地址赋给这个文本变量即可。要注意的是将图片1的长按保存属性打开，这样在手机中长按才能出现保存图片的界面。 2.然后我们给后台添加一个用户组件，它的作用是发起微信公众号登录，在登录的回调中可以获取当前用户的信息，包括头像昵称等。要注意的是在案例的配置中开启微信公众号的授权，初始获取头像昵称选择“是”，还有填好配置名称（随意填一个即可）。 3.接下来就是制作红旗头像的事件，在点击事件下我们先让用户组件发起微信公众号登录，将登录结果中头像的值赋给文本变量“头像”（登录结果中头像的值其实是该头像图片在服务器上的URL地址，这个地址本身是一个字符串）。再将画布中的头像图片的素材资源地址设置为文本组件的值（因为画布的特殊属性，其内部的组件不能进行数据绑定）。最后就是打印画布了

使用Flash在线制作头像

阅读更多关于使用Flash在线制作头像

网站里面经常会用到头像，不少网站上都使用Flsh来生成，今天正好看到一个Flash做得还不错，于是开始研究它的实现原理，下面是分析过程，不感兴趣的请直接跳过，到最后去下载源码包(在沙加的神舟本上测试通过)，测试时请将 avatar_test 上传至网站根目录, 使用如果不正常的话多半是目录没有写权限, 请开启 avatar开头的三个子目录写权限. 特别申明, AvatarEditor.swf 由 bai.sohu.com 开发，版权归搜狐公司所有. 转载本文请注明出自 darkangle.cnblogs.com 谢谢要分析它如何使用先从调用代码开始, 用firebug分别找到上传图片和摄像头的调用代码，大概是象这样的一段: <embed height="464" width="514" flashvars="type=photo&photoUrl=http://pic7.bai.sohu.com.cn/a/2009/05/26/09/43/1217a5c86c_0.jpg&photoId=167&postUrl=http://upload.bai.sohu.com/camera.do?snstoken=007eae692e8c665ea195d6702cf59d55*13L6RgykIeLsXCkoxJG_0D45NrXNbrepW0Lpy2-wDqfKYhnrFqBlt

Flask学习之五用户登录

阅读更多关于 Flask学习之五用户登录

英文博客地址：http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-vi-profile-page-and-avatars 中文翻译地址：http://www.pythondoc.com/flask-mega-tutorial/profile.html 开源中国社区：http://www.oschina.net/translate/the-flask-mega-tutorial-part-vi-profile-page-and-avatars 备注：我是三个一起看的，有些部分的中文翻译太拗口而且还有错，因此我选择是比较清晰的中文解释，而有些部分是直接翻译英文博客。上一部分： Flask学习之五用户登录一、用户资料页面创建一个用户信息不需要引入新的概念。我们只要创建一个新的视图函数以及与它配套的 HTML 模版。这里就是视图函数(文件 app/views.py ): @app.route('/user/<nickname>') @login_required def user(nickname): user = User.query.filter_by(nickname = nickname).first() if user == None: flash('User ' + nickname + '

CSS3之安卓小头像制作

阅读更多关于 CSS3之安卓小头像制作

我们在生活中可以常常看到安卓的小头像，现在我们可以用CSS3来制作一个安卓标志。对border-radius的使用 <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title > </ title > < style type = "text/css" > * { padding : 0 ; margin : 0 ; } body { background - color : # ccc ; opacity : 0.6 ; } . items { width : 500 px ; height : 600 px ; background - color : white ; margin : 100 px auto ; overflow : hidden ; position : relative ; } . tou { width : 220 px ; height : 100 px ; background - color : lawngreen ; margin : 20 px auto 5 px ; border - top - left - radius : 90 px 100 px ; border - top - right - radius : 90 px 100 px ;

Python个性化头像

阅读更多关于 Python个性化头像

图像处理最近看到抖音上有不少字符化的视频比较火，自己也顺手写了个脚本来实现图片字符化。那么什么是字符化呢？我们来看下原图和字符化之后的图像。 1.脚本下载：链接: https://pan.baidu.com/s/1eLspRWQTtGfw7JTplVPzlQ 密码:uu1b （后续所有简单的脚本就不给大家打包成.exe了，相信各位聪明的小伙伴知道如何执行.py脚本，不会的也欢迎来问我）下载好我们的image_to_txt.py之后，我们双击或者在终端执行即可。如图：在我们的测试文件夹里面存放了下载好的脚本和测试图片。按照提示，输入目标图片的全局路径，或者当前文件夹下面的图片名字，都可以。执行完成，我们再来看看当前文件夹里面有没有生成txt文件。我们看到是成功了，我们打开image.txt看看。怎么和预期的不太一样呢？没关系我们调整一下txt的文字大小为5号试试。bingo！ txt里面如果有英文纠正的红色下划线影响美观，可以设置关闭纠正提示哦。当然，我们看到有部分图片保存是无效的，因为我们默认图片是.jpg格式，png或者gif都会被我们保存成.jpg导致无法展示，所以这种方法还有待优化，欢迎留言交流； 2.python环境搭建：为大家推荐教科书式的菜鸟教程，有疑惑欢迎骚扰参考地址： https://www.runoob.com/python3

小程序九九八十一坑之头像模糊，谁的锅？

阅读更多关于小程序九九八十一坑之头像模糊，谁的锅？

「柒留言」更新的换国旗头像小功能，获取头像显示模糊... 1、头像模糊国庆之前，更新了「柒留言」小程序加国旗头像的小功能，但是头像模糊这个坑我在发布新版之前还没解决。一直以为是代码出了问题，各种搜索，巧的是正好也有类似的答案，然后我就被带进锅里了，弄了半天还是模糊，无奈之下弄了个用户自行上传图片生成头像，这样生成的头像就能清晰显示，先发布新版。发布新版后仔细研究了一下头像，发现显示在浏览器上是小图，一度以为是自己上传了略缩图，于是乎重新上传高清图像，然并 L。最后在头像地址上找到了问题。 2、默认模糊？这是我的头像地址，滑动到最右，你发现了啥？ http://wx.qlogo.cn/mmopen/eTBFF2uBxbBTAW8ZrbmMJGuOq7nGZfGicWORE2vcZfsMwXscofgeEwevlSl8L5SFFct2ZKibzxjqNjw94r2wI2xiaibY3TKxVRPC/132 / 后面带了个 132，猜想一下这个是头像尺寸，于是乎搜一下微信文档，果然。是在下输了，怪我没有仔细看文档，谁知道一个头像获取还要分尺寸的，这里把 132 改成 0 就是高清头像了，改的逻辑就不用多说了吧，我相信你们会的。其实，132 的头像用在小程序中已经很清楚了，只不过我绘制头像时用的尺寸是 256px，差不多是把头像放大了一倍，所以显示是模糊的。这个锅