node.js实现图片裁剪+获取图片大小+加logo水印

2018-01-12 13:51:02

1、装npm install images插件

 代码如下:     

var fs = require("fs");var images=require('images');
.(,(req,res,next) {    =;//生成的图片    =;//原图片    =;//logo水印    =().width()-().width();=().height()-().height();
    ()    .(,)            :
      });    = .statSync().size;});

相关资料:https://github.com/zhangyuanwei/node-images          
          http://nodejs.cn/api/fs

以上是使用images插件


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


使用:sharp插件速度相对来说比gmimages块,失贞程度也比较低。

npm install sharp --save



var sharp=require('sharp');



(+)
   .overlayWith(+'/../    .resize(null,)//按照height去压缩
    .toFile(+,(error) {    .(error);    .(.(error));    (.(error)){        .();        .();    }{        .();    }});sharp总比来说比其他插件好用。sharp项目主页:https://github.com/lovell/sharpsharp项目中有源码,可以根据源码中的demo去写自己的模块。


  • 2020-04-22 10:49:10

    css按钮特效大全

    打开这个连接,你会发现很多按钮动画脚本,基本这些动画就够大家用的了。

  • 2020-04-27 09:26:49

    transform与transition区别与详解

    对元素进行移动、缩放、转动、拉长或拉伸。 方法:translate(): 元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数 有两个div,它们的css样式如下,transition:过渡 元素从一种样式逐渐改变为另一种的效果 有一个div,它的css样式如下:

  • 2020-04-27 11:02:21

    CSS 气泡对话框

    点击上面地址,我们可以看到一个灵活的css气泡,拖动按钮,改变气泡效果。

  • 2020-04-27 16:59:23

    Docker部署nuxtjs

    将一下文件拷贝至服务器目录/app |名称|描述| |-|-| |.nuxt|编译后生成的目录,开发模式和发布模式通用,注意发布前使用npm run build 防止将dev目录发布| |static| 静态资源文件,通过/可直接访问| |package.json|npm 包管理配置文件| |nuxt.config.js|Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置。| |node_modules|依赖模块|

  • 2020-04-28 10:47:16

    currentColor css 的使用

    以前我们在如何动态设置伪元素的颜色上非过不少心思,看完下面的文章,你就会超级见到那的设置伪元素的颜色了。