Python综合Web案例_在线为头像添加装饰

2018-01-02 561

前几天元旦, 用Python为自家公众号做了一个"革面"的活动页面,活动的效果非常好,分享一下实现过程

前端: BootStrap, Jquery, Jcrop
后端: Django, Pillow

第一步: 选择头像

初始页面

这是一个简单的前端页面,为了追求效果,将装饰红色以外的部分,进行透明处理,这样透过背景的纹理,会显得自然,简洁

选择,页面响应,出现下一步按钮

简单的响应处理, 用户点击后, 边框变色,下一步按钮会延时浮现出来,引导用户点击"下一步"

第二步:上传头像, 并实时裁剪

初始页面

这里圆形区为canvas实时预览,裁剪区使用了Jcrop插件(有些安卓机不太支持这个插件),用户点击"选择头像"后,会调用系统文件,上传图片

上传图片, 并裁剪

上传图片后, 图片会实时显示, 用户可以通过拖动8点框裁剪,裁剪效果会在上方实时显示
用户拖动8点框后,下方的"小汇出图"会延迟1秒钟显示出来(引导用户点击, 获取图片)

第三步: 生成图片,长按保存

生成图片

将页面所有元素隐藏,在后台将上一步的预览图片发送到后端,后端Django使用Pillow进行图像合成,将成品返回到前端页面,用户长按保存后,保存完成

这个是小程序的在线演示地址: http://www.3qv1oo.com/xmt/start_game/
Github开源地址: https://github.com/zhaoolee/NewAvatar

微信关注我们

原文链接：https://yq.aliyun.com/articles/633091

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

this,call和apply(这三个东西，如何牢牢记住)

这三个东西虽然一直再用，也用的很顺手，知道它的用法，也知道它的区别，但是最近在攻克设计模式这个高地时总感觉缺点什么，没得办法，就只好重新学习一下。并总结了些许个人心得，分享给大家。 this 跟别的语言不太一样，JavaScript的this总是指向一个对象，而具体指向那个对象又是基于函数的执行环境（有人理解为上下文）动态绑定的，不是函数被声明的环境，而是函数被引用的环境。 this指向这个在‘度娘’上一搜文章多的是，但是存在这样的问题，要么是总结的不全，要么是谈的是自己的理解，一个用途的总结就能写上几段不适用，没得办法只好翻墙Google一下，找到几篇不错的文章，文章链接请转到文章结尾参考资料部分。个人感觉Google搜索出来的学习资料价值更高，国内的搜索引擎厂商估计都把精力用在如何赚用户的钱上了。我们知道this指向对象，所以相对来说它的含义就比较丰富，它可以是全局对象，当前对象，或者任意对象，这完全取决于函数的调用方式。JavaScript中函数的调用有以下几种方式。作为普通函数调用（全局对象）作为对象的方法调用（当前对象）作为构造函数调用（任意对象） Functio...

2018-01-03

633

前提 sqlmap是基于python2.x进行开发的，所以要使用sqlmap请先安装python2，建议安装python2.7.x系列。Python3.x未尝试过，有兴趣的童鞋可以自己搞一、sqlmap简介 1.sqlmap官网：http://sqlmap.org/ 2. 什么是SQL注入 SQL注入是一种代码注入技术，过去常常用于攻击数据驱动性的应用，比如将恶意的SQL代码注入到特定字段用于实施拖库攻击等。SQL注入的成功必须借助应用程序的安全漏洞，例如用户输入没有经过正确地过滤（针对某些特定字符串）或者没有特别强调类型的时候，都容易造成异常地执行SQL语句。SQL注入是网站渗透中最常用的攻击技术，但是其实SQL注入可以用来攻击所有的SQL数据库。 3.下载安装方法：https://github.com/sqlmapproject/sqlmap/tarball/master 二、sqlmap基本用法和命令行参数基本用法和命令行参数及目录列表三、sqlmap所有用法和命令行参数所有用法和命令行参数四、sqlmap示例检测SQL注入点：SQL注入点可以通过扫描软件扫描，手工测...

2018-01-03

592

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。