前端图像处理
iteye_2245
这个作者很懒,什么都没留下…
展开
-
图像探究之EXIF信息
本文只是普及一下知识。 EXIF信息 -------- Exchangeable image file format (可交换图像文件)缩写,专门为数码相机的照片设定的,可以记录数码照片的属性信息和拍摄数据。 EXIF最初由日本电子工业发展协会在1996年制定,版本为1.0。1998年,升级到2.1,增加了对音频文件的支持。2002年3月,发表...原创 2012-07-23 14:25:57 · 147 阅读 · 0 评论 -
GraphicsMagick简介
GraphicsMagick: 图像处理里的瑞士军刀跨平台使用而且容易安装被Flickr和Etsy使用 扩展阅读: http://baike.baidu.com/view/5217354.htm?fr=aladdin...原创 2014-08-14 13:35:27 · 137 阅读 · 0 评论 -
什么是cairo
cairo: 免费的矢量绘图软件库多平台http://cairographics.org/http://www.ibm.com/developerworks/cn/linux/l-cairo/原创 2014-08-11 20:48:16 · 190 阅读 · 0 评论 -
关于图片滚动放大
前面写过一篇关于滚轴的兼容,有兴趣移步这里:http://zhangyaochun.iteye.com/blog/1187536 本文不是谈这个,而是在万网上的一个小小应用: 先上代码: <img onmousewheel = "return bbimg(this)" onload="javascript:resizepic(this)" /> fu...原创 2013-01-24 10:15:37 · 157 阅读 · 0 评论 -
threeJS
three.js WebGL第三方库,提供3D显示功能运行在浏览器中的3D引擎,可以创建各种三维场景原创 2013-01-23 11:25:12 · 201 阅读 · 0 评论 -
WebGL
WebGL ---------- 是一种3D绘图标准,允许javascript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个javascript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型,还能创建复杂的导航和数据视觉化 可用于创建具有复杂3D结构的...原创 2013-01-23 11:18:27 · 780 阅读 · 0 评论 -
Processing.js
Processing.js 采用js绘制形状sharp和操作html5 canvas 产生图像动画官网:http://processingjs.org/原创 2013-01-18 14:09:08 · 110 阅读 · 0 评论 -
progressive jpeg
本文介绍一下baseline jpeg 和 progressive jpeg 线性加载,自上而下 渐进式高级浏览器相对下载起来快一开始图片大小就固定,不会照成回流耗cpu 具体参考: http://www.zhangxinxu.com/wordpress/2013/01/progressive-jpeg-image-a...原创 2014-04-30 18:22:39 · 174 阅读 · 0 评论 -
Retina系列相关探究开篇
前言: 从w3cplus上面看到一个不错的topic,借此挖一挖,学习学习。本topic是一个系列,开篇介绍一些词汇定义相关。 正文: Retina的由来? 苹果在一些移动产品使用了一种Retina(视网膜)屏幕的显示技术(最先是iPhone4,达到326ppi)是一种具备超高像素密度的液晶屏可以将960*640分辨率压缩到一个3.5英寸的...原创 2012-12-26 12:18:47 · 141 阅读 · 0 评论 -
2012悲催的gif图片之谜
2012了,其实我们还有很多不知道,比如: gif图片在按Esc的时候会变静止?? ------- 答案:是的!!! 有一个问题: 如果gif的图片旁边有一个下载链接操作,我怎样才能完成下载而且不使页面中gif静态化(gif图片不动了!)?? 方案一: 我在页面放一个iframe,链接操作其实就是一个锚点a,target指向这个iframe...2012-12-20 19:58:52 · 131 阅读 · 0 评论 -
图片翻转插件之二jquery-rotate
本文继续介绍一款低成本的图片翻转插件: 官网: http://code.google.com/p/jquery-rotate/ 感受:代码小但是比较old采用DXImage Transform filter for IE采用Canvas为非IE api:rotaterotateLeftrotateRight...原创 2012-11-29 17:28:48 · 108 阅读 · 0 评论 -
图片翻转插件jQuery Rotate
jQuery Rotate插件 用途: 主要做浏览器端图片翻转相关的效果 技术兼容实现: 采用HTML5 Canvas元素 + VML + CSS3 transform 浏览器支持: IE6+FF2.0+Safari 3+Opera 9+Google Chrome 代码示例: http://code....原创 2012-11-29 15:46:08 · 151 阅读 · 0 评论 -
IE6问题整理
问题:IE6不支持PNG24的半透明 PNG24格式可以携带Alpha半透明通道,以便呈现从透明到不透明间过渡色彩效果,但是IE6不支持扩展阅读:http://www.w3help.org/zh-cn/causes/HO3004 ...原创 2012-11-22 16:34:18 · 94 阅读 · 0 评论 -
关于如何选择图片格式
给出几种场景下对应的图片格式: 1、广告图片、照片、颜色非常丰富的图片 JPG 2、Sprite、图标、简单、对比、文本 PNG8 3、半透明、效果图、高质量图 PNG24 4、动画 GIF 图片大小限制: 1、运营图片单张不能超过100k 2、Icon图片单张不能超过5k ...原创 2012-11-01 20:06:50 · 159 阅读 · 0 评论 -
图片格式汇总
1、jsp(JPEG) JPEG是一种针对相片影像而广泛使用的一种失真压缩标准方法。本身只有描述如何将一个影像转换为字节的数据串流,但并没有说明这些字节如何在任何特定的储存媒体上被封存起来。JPEG的压缩方式通常是破坏性资料压缩,意即在压缩过程中图像的品质会遭受到可见的破坏。即有损压缩。JPEG在色调及颜色平滑变化的相片或是写实绘画上可以达到它最佳的效果。在这种情况下,它通常比完...原创 2012-11-01 19:29:47 · 245 阅读 · 0 评论 -
css3应用之黑白图片处理
其实在前面的一篇介绍-webkit-filter的文章中简单地提了一下。 我们可以设置灰度来对图片进行处理。 .test{ -webkit-filter:grayscale(100%);} IE下面我们可以设置 filter:gray 扩展阅读: http://www.zhangxinxu.co...原创 2012-10-01 14:43:06 · 171 阅读 · 0 评论 -
图像探究之gif速度
本文只是记录一些结论: IE里如果一帧的时间在60ms以上,正常显示,ff/Chrome正常,这种情况下,两者的播放速度是一样的遇到一帧的时间在50ms或者更低的时候,IE速度会自动降到100ms而FF/Chrome需要降到10ms或者更低,才会降到100ms如果一帧的时间介于10ms~50ms之间的时候,IE里面就会比实际速度要慢,而ff/Chrome里则是正常的...2012-09-21 11:21:18 · 138 阅读 · 0 评论 -
优化图片利器------ Smush.it
Smushit.com是一款在线工具,不依赖PS等图像软件。使用图片格式的特性,用无损图片优化工具挤掉图片中多余的字节,但不改变图片的视觉或者质量。使用之后会有一份优化的报告,告诉你图片优化了多少字节,并提供一个zip格式的下载文件。 Smushit是YUI团队制作的一款基于YUI在线图片优化工具。 网站地址:http://www.smushit.com/...2012-09-19 20:01:38 · 201 阅读 · 0 评论 -
ImageMagick
ImageMagick: 创建、编辑、合成图片的软件读取、转换、写入各种格式的图片免费软件 扩展阅读: http://baike.baidu.com/view/1109708.htm...原创 2014-08-14 13:42:52 · 172 阅读 · 0 评论