图片处理服务 ImageMagick 的安装和使用
该文章使用目前官方最新版本7.0.8，这里只记录下Windows系统下的安装。官方网站：http://www.imagemagick.org/script/index.php。ImageMagick是一套功能强大、稳定而且开源的工具集和开发包，可以用来读、写和处理超过200种基本格式的图片文件，包括PNG，JPEG，G...
图片格式——位图与矢量图
☆图片格式㈠位图①位图又称为点阵图像，是由像素（图片元素）的单个点组成的。通常分为8位，16位，24位和32位。②所谓8位图并不是只有8种颜色，而是2的8次幂（即256）种颜色，8位图指的是用8个bits来表示颜色，对人眼的感觉来说，16位色基本能满足需要了。③24位又称为“真色彩”，2的24次...
Javascript图片裁切
最近浏览了不少网站的图片裁切效果，大部分的做法如下图所示（借用一张脚本之家的图片），通过改变裁切框的大小来选取合适的位置。 但本文介绍的是另外一种裁切方式，裁切框由开发者决定，图片大小由用户决定，通过缩放、拖动图片来选取合适位置，并且在这一过程中始终保持图片宽高比,demo如下。 这样做法主要有以下优点：裁...
如何保持图片的高宽比
bug：轮播图在较差网络情况下，渲染的过程会出现闪屏的现象原因：图片尚未加载，屏幕上的位置可能会被轮播图后面的dom元素填充，当轮播图加载出来之后，又会把下面的内容”挤“下去解决方法：给轮播图增加一个父级，固定父级的位置，这样就能正常渲染那么，如何设定父级的宽高呢？根据图片的宽、高来设置父级元素...