> 웹 프론트엔드 > JS 튜토리얼 > nodejs에서 이미지를 설정하기 위한 미들웨어 예제 튜토리얼

nodejs에서 이미지를 설정하기 위한 미들웨어 예제 튜토리얼

零下一度
풀어 주다: 2017-05-09 10:08:43
원래의
1224명이 탐색했습니다.

이 기사는 주로 이미지 처리를 위한 nodejs 미들웨어 노드 이미지에 대한 자세한 설명을 소개합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

크로스 플랫폼 이미지 디코더(png/jpeg/ Node.js용 gif) 및 인코더(png/jpeg)

node.js 경량 크로스 플랫폼 이미지 인코딩 및 디코딩 라이브러리

var images = require("images");
images("input.jpg")           //Load image from file 
                    //加载图像文件
  .size(400)             //Geometric scaling the image to 400 pixels width
                    //等比缩放图像到400像素宽
  .draw(images("logo.png"), 10, 10)  //Drawn logo at coordinates (10,10)
                    //在(10,10)处绘制Logo
  .save("output.jpg", {        //Save the image to a file,whih quality 50
    quality : 50          //保存图片到文件,图片质量为50
  });
로그인 후 복사

기능 기능

  1. 경량: 이미지 처리 라이브러리를 설치할 필요가 없습니다.

    라이브러리.
  2. 크로스 플랫폼: Windows에서 컴파일된 .node 파일을 출시했습니다. 다운로드하여 시작하세요.

    크로스 플랫폼: Windows에서 컴파일되어 출시되었습니다. 좋은 .node 파일을 다운로드하여 사용할 수 있습니다.
  3. 사용하기 쉬움:
  4. jQuery
  5. 와 유사한 체이닝

    API

    를 제공합니다. 간단하고 안정적입니다!
  6. 사용하기 쉬움: jQuery 스타일 API, 간단하고 안정적입니다.

  7. 설치 설치
  8. $ npm install images
    로그인 후 복사

  9. API
인터페이스

node-images jQuery와 유사한 체이닝 API를 제공합니다. 다음과 같이 체인을 시작할 수 있습니다.

node-images jQuery와 같은 체이닝 API를 제공하며 다음과 같이 체인을 시작할 수 있습니다.

/* Load and decode image from file */
/* 从指定文件加载并解码图像 */
images(file)

/* Create a new transparent image */
/* 创建一个指定宽高的透明图像 */
images(width, height)

/* Load and decode image from a buffer */
/* 从Buffer数据中解码图像 */
images(buffer[, start[, end]])

/* Copy from another image */
/* 从另一个图像中复制区域来创建图像 */
images(image[, x, y, width, height])
로그인 후 복사
이미지(파일)


파일에서 이미지 로드 및 디코딩지정된 파일에서 이미지 로드 및 디코딩

이미지(너비, 높이)

새 투명 이미지 생성 지정된 너비와 높이로 투명 이미지 생성

images(buffer[, start[, end]])

이미지 로드 및 디코딩 버퍼는 버퍼 데이터에서 이미지를 디코딩합니다

images(image[, x, y, width, height])

다른 이미지에서 복사다른 이미지 영역에서 복사하여 이미지 생성

.fill(빨간색, 녹색, 파란색[, 알파])

예:images(200, 100).fill(0xff, 0x00, 0x00, 0.5) 색상으로 이미지 채우기 지정된 색상으로 이미지 채우기

.draw(image, x, y)

현재

이미지에 이미지 그리기

position( x , y ) 현재 이미지( x , y ) 위에 이미지를 그립니다. image

.encode(type[, config]) eg :images("input.png").encode("jpg", {Operation:50}) 이미지를 버퍼로 인코딩합니다. config는 이미지 설정입니다.

현재 이미지를 지정된 형식으로 인코딩합니다. Buffer에 config는 이미지 설정이며 현재 JPG 이미지 품질 설정을 지원합니다.

Return
buffer


채워진 버퍼 반환

참고: 이 작업은 체인을 끊습니다

참고: 이 작업은 호출 체인을 끊습니다


참조:.save(file[, type [, config]]) 참조: .save(file[, type[, config]])


.save(file[, type[, config]])


eg:images("input.png").encode("output.jpg", {Operation:50}) 현재 이미지를 인코딩하여 파일에 저장합니다. 유형이 지정되지 않은 경우 유형이 자동으로 결정됩니다. 파일에 config는 이미지 설정입니다. 예: { Operation:50 }

현재 이미지를 파일로 인코딩하고 저장합니다. 유형을 지정하지 않으면 현재 config는 이미지 설정에 따라 자동으로 결정됩니다. , JPG 이미지 설정을 지원합니다.

.size([너비[, 높이]])

이미지 크기를 가져오거나 이미지 크기를 설정합니다. 높이가 지정되지 않은 경우 현재 너비 및 높이를 기준으로 크기 조정이 이미지 너비 및 높이를 가져오거나 설정합니다. 높이가 지정되지 않은 경우 현재 너비 및 높이를 기준으로 크기 조정

.resize (너비[, 높이])

이미지 크기를 설정하고, 높이가 지정되지 않은 경우 현재 너비와 높이를 기준으로 크기를 조정합니다.

이미지 크기를 설정합니다. 이미지, 높이가 지정되지 않은 경우 현재 너비와 높이를 기준으로 크기 조정됩니다. 크기 조정에서는 쌍입방 알고리즘이 기본적으로 사용됩니다.

.width([width])

이미지 너비 가져오기 또는 이미지 너비 설정 이미지 너비 가져오기 또는 설정

.height([height])

이미지 높이 가져오기 또는 이미지 높이 설정 이미지 높이 가져오기 또는 설정

images.setLimit (너비, 높이)

이미지의 크기 제한을 설정합니다. 라이브러리에서 처리되는 이미지의 크기 제한을 설정합니다. 설정 후에는 모든 새로운 작업에 적용됩니다. 제한을 초과하면

예외가 발생합니다)

images.setGCThreshold(value)가비지 수집 임계값 설정 자동 임계값 설정 이미지 처리 라이브러리의 gc(

메모리를 추가하는 경우 사용량이 이 임계값을 초과하면 가비지 수집이 수행됨)

images.getUsedMemory()

사용된 메모리 가져오기(바이트 단위) 이미지 처리 라이브러리가 차지하는 메모리 크기 가져오기(바이트 단위)

images.gc()

강제 호출 가비지 수집은 V8의 가비지 수집 메커니즘을

github.com/zhangyuanwei/node-images

라고 부르도록 강제합니다.[관련 권장 사항]

1. 무료 js 온라인 비디오 튜토리얼

2.

JavaScript 중국어 참조 매뉴얼

3.

php.cn Dugu Jiujian (3) - JavaScript 비디오 튜토리얼

위 내용은 nodejs에서 이미지를 설정하기 위한 미들웨어 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿