javascript - node-canvas image manipulation - Stack Overflow

admin管理员组

文章数量:1340301

I'm trying to resize and crop an image in node.js

I've been using graphicsmagick:

code is as follows:

gm(path)
.resize(width, height)
.crop(50, 50, left, top)
.write(path, function(err){})

It's very simple. I have no idea how to use canvas, what's the equivalent in canvas?

Thanks.

I'm trying to resize and crop an image in node.js

I've been using graphicsmagick:

code is as follows:

gm(path)
.resize(width, height)
.crop(50, 50, left, top)
.write(path, function(err){})

It's very simple. I have no idea how to use canvas, what's the equivalent in canvas?

Thanks.

• javascript
• canvas
• node.js
• graphicsmagick

Share Improve this question Follow asked May 25, 2011 at 16:29 HarryHarry 55.1k7676 gold badges187187 silver badges270270 bronze badges 1

• why MUST you use node-canvas? – jcolebrand Commented May 25, 2011 at 17:22

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 15

For some reason, this signature is never used in examples:

context.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);

• img = the image element
• sx = source x
• sy = source y
• sw = source width
• sh = source height
• dx = destination x
• dy = destination y
• dw = destination width
• dh = destination height

Crop using sx, sy, sw, sh

Resize using dw, dh

本文标签： javascriptnodecanvas image manipulationStack Overflow