首页 > 其他分享 >sharp.js的常用方法

sharp.js的常用方法

时间:2023-08-26 22:11:31浏览次数:29  
标签:常用 Number height width 图像 sharp js

sharp.js是一个用于处理图像的JavaScript库,它提供了许多方法来操作和修改图像。以下是一些常用的sharp.js方法及其详细参数说明:

 

1. `resize(width, height)`: 调整图像的宽度和高度。

   - width(Number):新的宽度。

   - height(Number):新的高度。

 

2. `crop(left, top, width, height)`: 裁剪图像。

   - left(Number):裁剪区域的左边界。

   - top(Number):裁剪区域的上边界。

   - width(Number):裁剪区域的宽度。

   - height(Number):裁剪区域的高度。

 

3. `extract(left, top, width, height)`: 提取图像的一部分。

   - left(Number):提取区域的左边界。

   - top(Number):提取区域的上边界。

   - width(Number):提取区域的宽度。

   - height(Number):提取区域的高度。

 

4. `blur(radius)`: 对图像进行模糊处理。

   - radius(Number):模糊半径,值越大,模糊效果越明显。

 

5. `sharpen()`: 对图像进行锐化处理。

 

6. `contrast(level)`: 调整图像的对比度。

   - level(Number):对比度级别,值范围为-1到1,0表示原始图像,1表示最大对比度,-1表示最小对比度。

 

7. `grayscale()`: 将图像转换为灰度图像。

 

8. `greyscale()`: 将图像转换为灰度图像,与`grayscale()`方法相同。

 

9. `invert()`: 反转图像的颜色。

 

10. `color([r, g, b])`: 设置图像的指定颜色。

    - r(Number):红色分量,范围为0到255。

    - g(Number):绿色分量,范围为0到255。

    - b(Number):蓝色分量,范围为0到255。

 

以下是一个使用sharp.js的示例代码:

 

```javascript

const sharp = require('sharp');

 

sharp('input.jpg')

  .resize(300, 200)

  .crop(50, 50, 200, 100)

  .extract(100, 100, 150, 100)

  .blur(5)

  .toFile('output.jpg', (err, info) => {

    if (err) {

      console.error('Error:', err);

    } else {

      console.log('Image saved:', info);

    }

  });

```

 

在这个示例中,我们首先导入sharp库,然后使用`resize()`、`crop()`、`extract()`、`blur()`等方法对输入图像进行处理,最后将处理后的图像保存为`output.jpg`。

 

标签:常用,Number,height,width,图像,sharp,js
From: https://www.cnblogs.com/full-stack-linux-new/p/17659564.html

相关文章

  • MySQL.js用法
    mysql.js是一个用于连接MySQL数据库的JavaScript库。以下是一些常用的方法及其详细参数说明: 1.创建连接对象: ```javascriptconstmysql=require('mysql');constconnection=mysql.createConnection({ host:'localhost',//数据库地址 user:'root',//数据......
  • office-js操作Excel
    office-js是OfficeAdd-ins中的一个JavaScript库,用于在Office应用程序中创建自定义功能。它提供了一组API,可以与Excel进行交互,包括读取和写入数据、格式化单元格等。 以下是一些常用的office-js操作Excel的方法及其详细参数说明: 1.打开Excel文件: ```javascriptExcel.ru......
  • Redis.js用法
    Redis.js是一个用于连接和操作Redis数据库的JavaScript库。以下是一些常用的方法及其详细参数说明: 1.创建Redis客户端实例: ```javascriptconstredis=require('redis');constclient=redis.createClient({ host:'localhost',//Redis服务器地址 port:6379,......
  • js_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件的问题
    中文输入法情况下,输入框v-model绑定值中没有输入值但却触发input事件的问题今天写的一个搜索框,要求输入字符时不作处理,直到用户点击搜索按钮时才执行搜索逻辑;当用户将搜索框文本删除至空字符串时,执行一次无搜索值的搜索逻辑,用于将表格数据恢复至无筛选;在这个功能......
  • 遇到的Docker常用命令
    遇到的Docker常用命令一、安装Docker1)Docker要求CentOS系统的内核版本高于3.10,首先查看系统内核版本是否满足uname-r2)使用root权限登录系统,确保yum包更新到最新sudoyumupdate-y3)假如安装过旧版本,先卸载旧版本sudoyumremovedockerdocker-commondocker-sel......
  • js hook技术的感想
    最新老婆准备找工作,找了一些js的面试题,有些不懂,其中有一个问啥是原型啥是原型链,直接把我问懵逼了,接触js这么多年,没有真正了解过某种用法或者技术的学名是啥。一帮所谓学者还真是取了漂亮名。为此百度了一番,大部分博客写的一般般,太过理论,我来点实际的定一个类目前有两种方式:......
  • 轻骑兵使用driver.js踩坑
    1安装哪个版本建议安装0.9.8原版。[email protected]怎么引入、使用不要提成文件,在页面里面使用就可以。vue-page.vuetemplate<el-form-itemprop="username":class="{user:isValidateUserName}"class="username"id="create-post1">...&l......
  • 2023-08-26 关于JSON.stringify会过滤调undefined值的问题 ==》在格式化之前先用type
    今天传参给后端的时候就发现了这么个问题,明明对象里面有这个字段a,但是打印出来死活没有,去掉json格式化后才发现是该值a为undefined,遂百度,故得知该值会被过滤掉。被过滤掉的原因是因为undefined值不符合JSON.stringify的规范。......
  • [JSOI2018] 潜入行动
    题目描述外星人又双叒叕要攻打地球了,外星母舰已经向地球航行!这一次,JYY已经联系好了黄金舰队,打算联合所有JSOIer抵御外星人的进攻。在黄金舰队就位之前,JYY打算事先了解外星人的进攻计划。现在,携带了监听设备的特工已经秘密潜入了外星人的母舰,准备对外星人的通信实施监听。外......
  • JSON字符串的几种格式
    1.JSON数值{“key”:value}{"key":520,"key1":1314}2.JSON字符串{“key”:“value”}{"key":"我爱你","key1":"一生一世"}3.JSON数组{“key”:[value]}{"key":[520,1314]......