在做H5应用中,有时候会涉及到一些图片加工处理的操作,nodejs有一个很好的后台图片处理module,就是这里说的gm.gm有官方文档,但感觉写得太抽象,反而看不懂了.这里把一些常见的用法写下,供大家参考. 安装首先要安装 GraphicsMagick或者ImageMagick,然后 npm install --save gm1用法说明图片尺寸 gm('img.png') .size(function (err, size) { if (!err) console.log(size.width…

ImageMagick: Convert, Edit, Or Compose Bitmap Images http://www.imagemagick.org/script/binary-releases.php#windows gm : GraphicsMagick for node.js npm install gm Node.js 对图片进行裁切.缩放 mac 下 安装 如何在你的Mac OS X 安装ImageMagick ImageMagick installer for Mac OS…

今天在使用node处理模块gm的时候,总是无法正常使用,报:The gm/convert binaries can't be found(找不到gm/convert二进制文件) google了一下,发现系统缺少必要的组件, 我使用的是win7系统,在安装以下组建后可以正常使用了 Ghostscript (Win64bits): https://www.ghostscript.com/download/gsdnld.htmlGraphicsMagick: https://graphicsmagic…

我的另一篇文章: Nginx/Apache图片缩略图技术 gm官网 1, 软件环境 nodejs npm GraphicsMagick or ImageMagick 貌似ImageMagick在处理大图片时比GraphicsMagick要快很多. 2, gm的一些关键函数 //1, 使用方式 var gm = require('gm'); gm("图片源路径") .resize(200,0) //设置压缩后的w/h .setFormat('JPEG') .quality(70) //设…

1.前置准备工具如下: nodejs express(nodejs mvc框架) body-parser(express middleware) gm(nodejs中用来处理图片的) uuid(nodejs中用于生成uuid) underscore(nodejs数据处理库) ImageMagick(gm会调用该程序处理图片) 2.搭建项目 使用express来快速搭建项目,图片服务器的功能相对简单,步骤:1.获取图片资源 2.上传图片,因此对应express只需要使用到bodyParser这样的…

第一步安装imageMagick和gm模块 1, cnpm install --save imageMagick gm 第二步在服务器上安装imageMagick,下载地址http://www.imagemagick.org/download/windows/ (另外安装时需要勾选Install legacy utilities(e.g. convert)选项) 第三步 代码使用 var imageMagick = gm.subClass({ imageMagick : true }); var…

今天在学习前后台图像剪切时,下载了有图片剪切瑞士军刀之称的 GraphicsMagick. 给 gm.exe 配置了环境变量,在 npm 下好了 gm 的模块,但是运行却出现了错误. 错误如图: [Error: Could not execute GraphicsMagick/ImageMagick: gm "convert" "E:/image1.jpg" "E:/image2.png" this most likely means the g…

背景 当我们开发一个Web项目的时候,为了将图片管理与web服务分离开,通常都会搭建一个图片服务器. 之所以选择nodejs是因为使用nodejs来搭建web项目相当简单而且快速,虽然这个图片服务器很简单,也有很多人会认为使用nodejs来当图片服务器不合适,但是当我们的应用没有达到非常大的程度的情况下,其实nodejs还是够用的. 会使用到的工具如下: nodejs express(nodejs mvc框架) body-parser(express middleware) gm(nodejs中…

ImageMagick资料 ---------------------------------------------------------------------------- ImageMagick官网 ImageMagick Identify 命令行工具(官网) ImageMagick 程序接口文档 ImageMagick使用示例(非常好的示例) GraphicsMagick资料 ------------------------------------------------------…

gm : GraphicsMagick for node.js aheckmann/gm imgAreaSelect 图片剪裁 apt-get install imagemagick 执行convert -version,报错Illegal instruction apt-get install GraphicsMagick var imageMagick = gm.subClass({ imageMagick : false }); 社交网站,用户上传的图片常用的命名和存储规则?…

成文迪, 在Web前端摸爬滚打的码农一枚,对技术充满热情的菜鸟,致力为手Q的建设添砖加瓦. GIF格式的历史 GIF(Graphics Interchange Format)原义是"图像互换格式",是CompuServe公司在1987年开发出的图像文件格式,可以说是互联网界的老古董了. GIF格式可以存储多幅彩色图像,如果将这些图像连续播放出来,就能够组成最简单的动画.所以常被用来存储"动态图片",通常时间短,体积小,内容简单,成像相对清晰,适于在早起的慢速互联网上…

Nodejs作为前端服务器,自然能承担处理图片的能力, 使用GM for nodejs 作为图片处理器,调用ImageMagick处理图片 使用ImageMagick var imageMagick = gm.subClass({ imageMagick: true }); 然后就像文档中使用gm那样使用ImageMagick即可 (举个例子) imageMagick("img.png").resize(300, 100).autoOrient().write('/path', cal…

http://elf8848.iteye.com/blog/382528 ImageMagick资料 ---------------------------------------------------------------------------- ImageMagick官网 ImageMagick Identify 命令行工具(官网) ImageMagick 程序接口文档 ImageMagick使用示例(非常好的示例) GraphicsMagick资料 -----------------…

本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https://mp.weixin.qq.com/s/v0pffOhjFWnVbU2lXjuEmw 导语 GIF(Graphics Interchange Format)原义是"图像互换格式",是CompuServe公司在1987年开发出的图像文件格式,可以说是互联网界的老古董了. GIF格式可以存储多幅彩色图像,如果将这些图像连续播放出来,就能够组成最简单的动画.所以常被用来存储"动…

http://www.cnblogs.com/qcloud1001/p/6647080.html 成文迪, 在Web前端摸爬滚打的码农一枚,对技术充满热情的菜鸟,致力为手Q的建设添砖加瓦. GIF格式的历史 GIF(Graphics Interchange Format)原义是“图像互换格式”,是CompuServe公司在1987年开发出的图像文件格式,可以说是互联网界的老古董了. GIF格式可以存储多幅彩色图像,如果将这些图像连续播放出来,就能够组成最简单的动画.所以常被用来存储“动态图片”,…

写在前面 红旗不倒,誓把JavaScript进行到底!今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理(React + Node),花了一些时间,希望对你有所帮助. 前端实现 遵循React 组件化的思想,我把图片上传做成了一个独立的组件(没有其他依赖),直接import即可. import React, { Component } from 'react' import Upload from '../../components/FormControls/Upload/' /…

写在最前: windows下要注意的就是ImageMagick版本要与php扩展的Imagick能对应上,同时Imagick版本的选择也要与服务器环境以及php的情况对应上,不然就容易安装失败,我就是在这里踩坑无数的 php_imagick-3.4.3支持的版本是6.9.3-6.9.7,可以往下支持,但不能往上,因此要找6.9.7以下的ImageMagick软件版本,所以要根据这个版本去找对应的软件版本,不然会导致扩展不能识别ImageMagick软件的情况 电脑系统win10 64位,php运…

1 压缩图片 使用ImageMagick的convert命令进行压缩图片,一般只需要一个指定压缩质量的参数,比如: convert -quality 75 1.jpg 1_compress.jpg 可以支持压缩jpg/png/jpeg. 2 递归压缩 递归压缩使用find配合grep列出所有的图片,接着通过一个循环传递给convert进行压缩. originalPic=`find $compressDir | grep -iE "*.jpg|*.png|*.jpeg"` for i i…

ImageMagick资料 ---------------------------------------------------------------------------- ImageMagick官网 ImageMagick Identify 命令行工具(官网) ImageMagick 程序接口文档 ImageMagick使用示例(非常好的示例) GraphicsMagick资料 ------------------------------------------------------…

构建兼容浏览器的Angularjs web应用 背景 随着mvvm逐渐成熟,现在使用jQuery构建web应用已经显得过时了,而且使用jQuery需要编写更多的代码去控制dom的取值.赋值.绑定事件等,而mvv从底层实现了对以上操作的支持,让程序员可以从原始的复杂.重复的编码中解放出来,让程序员可以将更多的重心放在业务的实现.数据的交互上去,而且大大减少了程序员需要编写的代码量. 多年来的web经验告诉我们,编写web应用最难的地方主要在于浏览器的兼容问题,而且更多的兼容问题主要体现在ie上,因…

GraphicsMagick是从 ImageMagick 5.5.2 分支出来的,但是现在他变得更稳定和优秀,GM更小更容易安装.GM更有效率.GM的手册非常丰富GraphicsMagick的命令与ImageMagick基本是一样的. [ convert | identify | mogrify | composite | montage | compare | display | animate | import | conjure ] convert:转换图像格式和大小,模糊,裁剪,驱除污点…

GraphicsMagick是从 ImageMagick 5.5.2 分支出来的,但是现在他变得更稳定和优秀,GM更小更容易安装.GM更有效率.GM的手册非常丰富GraphicsMagick的命令与ImageMagick基本是一样的. [ convert | identify | mogrify | composite | montage | compare | display | animate | import | conjure ] convert:转换图像格式和大小,模糊,裁剪,驱除污点…

[ convert | identify | mogrify | composite | montage | compare | display | animate | import | conjure ] convert:转换图像格式和大小,模糊,裁剪,驱除污点,抖动,临近,图片上画图片,加入新图片,生成缩略图等. identify:描述一个或较多图像文件的格式和特性. mogrify:按规定尺寸*一个图像,模糊,裁剪,抖动等.Mogrify改写最初的图像文件然后写到一个不同的图像文件. co…

var gm = require('gm');var imageMagick = gm.subClass({ imageMagick : true });var path = require('path');var fs= require('fs'): var imgDir = path.join(process.cwd()+'/public/img'); var resize = function(file){ imageMagick(file) .resize(750, 450) //加('…

显示图像文件详细信息 gm identify a.jpg 1.更改当前目录下.jpg的尺寸大小,并保存于目录.thumb里面 gm mogrify -output-directory .thumbs -resize 320x200 .jpg 将三幅图像和并为一副图像 gm montage -mode concatenate -tile 3x1 image1.ppm image2.ppm image3.ppm concatenated.miff 显示图像 gm display 'vid:*.jpg…

依赖库 connect,gm,imagemagick,image-size connect:中间件 gm,imagemagick:用来处理图片如缩放.切割.添加文字水印等 image-szie:获取图片的宽高 图片上传处理服务,保存server.js var http = require("http");var connect = require("connect");var url = require("url");var fs = requi…

背景简介 全民K歌专辑发布新玩法,传统宣传专辑战绩的流程,从获取数据,到制作海报,到传播,周期长运营成本高,如何快速分享战绩进行荣誉感的传播成为一个亟待解决的问题. 产品:能不能在专辑大事件触发时,自动生成一个大事件长图,供粉丝分享传播? 开发:理论上没问题,尝试下吧… 浏览器端实现方案 开发:大事件长图和专辑详情页大事件tab的视觉效果基本一致,如果能复用可以减少开发时间. 开发:怎么复用呢? 于是便有了下面在浏览器端尝试dom转图片的两种方案: html2canvas html2canvas…

GraphicsMagick介绍及安装 Im4Java包为: im4java-1.2.0.jar 直接在lib下引用即可 GraphicsMagick的安装如下: windows下: 安装:GraphicsMagick-1.3.12-Q16.zip 并配置GraphicsMagick的安装路径: PMS_File_service里etc下的FileConfig.properties里设置GRAPHICS_MAGICK_PATH =C:\\Program Files\\GraphicsMagick…

一.Linux(rehat.centos.ubuntu...)基础知识 上午: putty软件连接linux服务器: [root @ foundation2   ~ ]         # 用户名  主机名   当前用户目录下   #:表示root的提示符号,普通用户为$ 命令一般格式: 1)ls--longlist 列出目录当前目录内容 ls -a 显示所有文件和目录(隐藏) ls -l 使用详细格式列表  ls -al 2) cd--change dirctory 切换工作目录 cd .表示…

一.Linux(rehat.centos.ubuntu...)基础知识 上午: putty软件连接linux服务器: [root @ foundation2   ~ ]         # 用户名  主机名   当前用户目录下   #:表示root的提示符号,普通用户为$ 命令一般格式: 1)ls--longlist 列出目录当前目录内容 ls -a 显示所有文件和目录(隐藏) ls -l 使用详细格式列表  ls -al 2) cd--change dirctory 切换工作目录 cd .表示…