图片上传预览是一种在图片上传之前对图片进行本地预览的技术。使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。例如ie7/ie8的滤镜预览法,firefox 3的get ...
分类:
编程语言 时间:
2016-06-30 23:10:49
阅读次数:
196
在线制作h5 官网:http://www.godgiftgame.com在线制作h5首页预览效果图如下:一、主要功能区域主要功能区域分布在上中左右三个地方,1、上面区域是功能选择区,包括图片素材、添加图片、添加文字、设置声音、设置分享、发布及链接、个人信息等。2、中间区域是图片、文字编辑区,可以实现 ...
分类:
其他好文 时间:
2016-06-17 19:19:37
阅读次数:
183
正在做一个带预览效果的幻灯片。 首先,要分析整个效果。采用VCD分析法(V;view; C: contral; D:data)。 先观察整个效果图,将效果图划分为不同的块级。画出结构分析图,设置每个大块的类名。 分析要使用的数据。 进行代码开发:1, 视觉效果开发: HTML + CSS; 2, 动 ...
分类:
其他好文 时间:
2016-06-11 21:34:27
阅读次数:
177
点击上传图片后。立即看到预览的效果如下图: 布局代码: 这里用自定义的按钮代替了默认的图片上传按钮……(为了美观,美是一种追求~~~) css:代码: 我们只需要在页面上引入一下js代码即可,图片大小可以自由设置。 script引入代码: 最后附上picloade.js插件代码: ...
分类:
Web程序 时间:
2016-05-31 15:34:27
阅读次数:
206
传统方法是继承现有View再重写方法,这种方式缺点很多: 1.往往不能在xml编辑器中预览效果; 2.比较难实现预期效果,比如设置宽度为wrap_content,实际显示为match_parent等; 3.需要在xml代码中声明自定义View的全路径,经常无法自动补全,需要手动复制粘贴路径; 4.一 ...
分类:
微信 时间:
2016-05-03 12:45:45
阅读次数:
334
目的:
物体投影在另一个物体身上,而另一个物体可能是平的,但大多数都是不平的多边形物体,这里考虑的是后者,这样可以适用于大多数场合的投影。
预览效果:
原理:
这里使用的是shadow mapping方式,其原理如下:
1、将场景的深度值预先渲染到 以光源位置为原点、光线发射方向为观察方向的投影坐标系中,形成深度纹理。
2、再次渲...
分类:
移动开发 时间:
2016-04-29 15:53:11
阅读次数:
253
background-position:x y; 百分比定位并不能直观的看出来,需要通过计算。 background-position百分比计算公式: (容器宽度—背景图片的宽度)*x%=xpx(容器高度—背景图片的高度)*y%=ypx 上节我们使用的图片也可以继续拿来做练习: 预览效果: 因此不难 ...
分类:
Web程序 时间:
2016-04-14 13:44:21
阅读次数:
208
效果预览: 实现代码--jq文件请自行引入 html: css: js:
分类:
其他好文 时间:
2016-03-18 19:53:23
阅读次数:
227
Gulp实现web服务器 Gulp实现web服务器 阅读目录 一:gulp实现web服务器配置: 二:添加实时刷新(livereload)支持 回到顶部 一:gulp实现web服务器配置: 对于前端开发而言,需要在本地搭建一个服务器作为开发使用,虽然有时候也可以直接打开页面进行预览效果,但是有时候页
分类:
其他好文 时间:
2016-03-12 00:02:36
阅读次数:
378
本示例使用HTML5的canvas标签和Javascript脚本,模拟显示了一个时钟, 请使用支持HTML5的浏览器预览效果: HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie
分类:
Web程序 时间:
2016-03-01 12:32:48
阅读次数:
221