最近接到一个需求,微信中用户上传图片生成海报.这个需求比较常规,实现思路也比较简单,通过利用用户的input输入,对所上传的图片进行处理,最后通过第三方库html2canvas合成对应的图片即可.思路虽然简单,但是在实现的过程中会遇到各种各样的小问题,现在就将遇到的问题进行一次总结. 1.iphone以及部分android机型通过摄像头拍摄的照片被旋转了90度 原因:由于目前的手机拍照基本都在2M以上,而ios中只要超过2M图片就会自动旋转.拍照后直接取出来的UIimage(用UIImagePi

马上就要"十一"国庆节了,又恰逢公司已经三周岁了,所以市场部和产品共同策划了一个"正青春,共成长"的主题代言活动,准备在国庆节以及中秋节期间让公司员工和用户为公司代言,于是就有了技术部前端开发人员即本人为公司来开发这个主题代言活动页面. 开发要求: 1.用户可以从手机相册上传图片或拍照上传图片: 2.用户可以输入为公司代言的地点,如:我在:上海: 3.将用户输入的代言地点及活动二维码生成一张图片供用户保存到手机,以方便发送朋友圈或好友. 功能实现: 1.使用H5的i

移动端H5制作安卓和IOS的坑 持续更新... 前言:最近参加公司的H5页面创意竞赛,又遇到不少页面在不同系统上的坑.踩坑之余,觉得很多之前遇到的知识点都忘了,索性开一篇博文,把这些坑都统一归纳起来,持续收集更新,于己利人,抛砖引玉. 1. ios系统手机无法自动播放BGM 这个是苹果系统限制,默认不允许自动播放音频,往往需要点一下触发play()事件才能播放. 那么我们在页面onload后触发播放事件: document.getElementById('music').play(); 到这里一

注:本文来源于<java http post/get 服务端和客户端实现json传输> 最近需要写http post接口所以学习下. 总的还是不难直接上源码! PostHttpClient.java 客户端 import java.io.IOException; import org.apache.commons.httpclient.HttpClient; import org.apache.commons.httpclient.HttpException; import org.apach

在去年的时候也实现过合成海报的功能,不过当时时间仓促,实现的比较简单. 就一个旋转功能,图片也不能拖动放大,也不能裁剪. 去年的实现可以参考<移动图片操作--上传>和<移动图片操作--预览旋转合成> 这次有时间就实现一个功能稍微多点的海报. 一.概要 第一屏 第二屏 第三屏 总共有三屏,第一屏是选择图片,第二屏是合成图片,第三屏是显示结果图,可保存分享朋友圈. 页面内容不是很多,分析起来也比较简单. 1)每一屏的左右边距相同,上边距各不相同. 2)屏幕内的元素,大部分是居中,有些特

  HTML <template> <view class="content"> <view class="flex_row_c_c modalView" :class="qrShow?'show':''" @tap="hideQr()"> <view class="flex_column"> <view class="backgroundCo

最近由于事情比较多,一直忙着各项活动的策划,而我所在的学社联和金山俱乐部都组织了ps的培训,也要求上交一些海报,在积极熟悉ps cs6中. 就昨天做的光棍节脱单海报来讲,稍微运用了笔刷等最基础的工具. 这是初稿,自己还没有字体载入,所以都用了幼圆字体,首先觉得光棍节脱单可以是一件比较暧昧的事,所以底色调选择了粉色,但感觉主题不够突出. 后来借鉴了同学,少做了修改,但效果还不够. 这次没能运用到一些蒙版和抠图的工具,很单纯的用笔刷和字体~,最后不知怎么,可能色彩上还有问题,感觉有点花了..不过加油

用ppt做海报,导出图片的时候,发现导出的图片的分辨率只有96ppi,清晰度不太好. 怎么能这样呢! 网上搜了一下,发现微软提供了一个修改注册表的方法,点击这里访问.不过那里讲的最新只有2010,我的是2016版本的,按照上面说的做,发现没用. 找找其他办法吧.付费软件PPtools,好像也能弄.不过,要钱,差评! 之后,看到一个博客(博客地址,现在不记得了),里面使用了宏来导出图片,代码如下 Sub ppt2pic() ' ' 宏由 zim 创建,日期 2012-10-5. ' Dim Nx

@RestController @RequestMapping(value = "test") public class TestServer { @RequestMapping(value = "/receive", method = {RequestMethod.POST}) @ApiOperation(value = "存管开户回调") @ResponseBody public void receive(HttpServletRequest

public static String getHttpText(String url) { if (MyApplication.FOR_DEBUG) { Log.i(TAG, "[getHttpText1]" + url); } Log.i(TAG, "[getHttpText2]" + url); if (url == null || url.equals("")) return null; StringBuilder builder = n

做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080 使用了几种办法 1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常 2.使用rem的地方 width,height,margin,padding,left top都采用了REM, HTML的FONT-SIZE设置的为100PX.是为了计算方便

原文:http://blog.csdn.net/xn_28/article/details/50837019 const http = require('http'); const hostname = '127.0.0.1'; const port = 1337; http.createServer((req, res) => {     res.setHeader("Access-Control-Allow-Origin", "*");     res.w

最近用到ext与PHP交互,ext把json数据post给PHP,但在PHP里面$_post获取不到,$_REQUEST也获取不到,但是通过firedebug看到的请求信息确实是把JSON数据post给了PHP,这什么情况? 突然想到了以前接触过flash将图片二进制流传给php,灵机一动用$GLOBALS['HTTP_RAW_POST_DATA']获取到了.于是就深入的查了一下,原来PHP默认只识别application/x-www.form-urlencoded标准的数据类型,因此,对型如t

Html5微信端滑屏海报在各种尺寸的手机上总会有这样那样的问题,经过多次制作总结出来一些小心得,分享下. 我使用的是jquery插件swiper.min.js,动画可以利用animate.css,如果自己可以,也可以写一些简单的动画效果. html代码如下: swiper-slide是没屏的滑块,不需要切图做动画的作为其背景图片(background-size设为cover),需要动画的图片在section内,data-anim为试下写好的动画的class样式,data-top为原图中动画元素距

Query通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据.阅读本文的读者应该具备jQuery.Ajax.PHP相关知识,并能熟练运用. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中

近期有个项目须要用到json的传输,之前不是太了解,在网上找了些相关资料,写了一个小小的demo,能够实现基本功能:androidclient发送json到服务端,服务端使用jsp接收,解析后以json的形式返回给client,client接收打印,先看看执行的效果截图,源代码会在文章的末尾给出. 1.服务端:接收到json后解析打印,然后发送json到client 2.client,收到服务端返回的json后打印 简单的介绍下源代码: 服务端使用json.jsp来接收解析client传过来的j

SON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教程. XHTML  <ul id="userlist">    <li><a href="#" rel="1">张三</a></li>    <li><a href=&qu

在使用jquery的ajax进行请求发送并由服务端的servlet返回json格式的数据内容时,假设输出内容没有正确设置,会遇到client浏览器报告parse error的问题.这个问题的解决仅仅须要注意下面两点: 第一.在servlet输出json格式的内容是请在response.getWriter()之前运行response.setContentType("application/json"); 第二,输出的json格式字符串一定是使用双引號包括的( 比方:{"user

这个需求事实上挺明白的.可是网上搜出来的教程都乱七八糟,认为实在须要自己总结一下. D3.js眼下已经被广泛使用在数据可视化领域,随着大数据的持续发展,这个框架预计会在今后更加流行(据说其作者Mike Bostock開始全职开发了.之前是负责纽约时报数据可视化的project师.他本人也从纽约搬家到了旧金山--). 依照这里的介绍:https://github.com/mbostock/d3/wiki/API-Reference,D3.js实际上有专门读取JSON数据的API.所以事实上D3.j

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来.我们都知道计算机技术发展日新月异,速度惊人的快,你我稍不留神,就会被慢慢淘汰!因此:每日不间断的学习是避免被淘汰的不二法宝. 十年河东十年河西,莫欺少年穷. 最近微信开发依然是那么火,有人请我开发一个微信海报,拿到需求后,我瞬间笑了,这不就是两年前我学习微信的时候自己做的一个案例吗?能有什么技术含量? 当然,我有点自大了,所谓骄兵必败,咱还是来分析分析这个微信海报吧! 所谓微信海报就是一个图片,这个图片上

JSON作为一种轻量级的数据交换格式,凭借其易于阅读和编写.易于解析.传输速度快等优点流行了起来.最近正好在学习Android端从服务端端取数据,Json便派上了用场.好,下面开始切入主题. 1.准备好服务端 首先我们要有个服务器,我用的是Tomcat7.0,这里具体Tomcat的安装过程我就不加以描述了.服务器配置过程如下. 我们在File-new -other中找到server,next然后在Apache中找到tomcat7.0,我这里将server的名字改为了Myserve,点击finis