节点画布图像操作
node-canvas image manipulation
我正在尝试调整node.js 中的图像大小并裁剪图像
我一直在使用graphicsmaick:
代码如下:
gm(path)
.resize(width, height)
.crop(50, 50, left, top)
.write(path, function(err){})
这很简单。我不知道如何使用画布,画布中的等价物是什么?
谢谢。
由于某些原因,此签名从未在示例中使用:
context.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);
- img=图像元素
- sx=源x
- sy=源y
- sw=震源宽度
- sh=震源高度
- dx=目的地x
- dy=目的地y
- dw=目的地宽度
- dh=目的地高度
使用sx、sy、sw、sh 进行裁剪
使用dw、dh 调整大小
相关文章:
- 通过javascript操作图像,非常简单
- 如何阻止图像移动并根据击键进行操作
- 当我在操作属性中写入页面名称时,文件图像不会上传
- 更改“将图像另存为”的操作以重定向到相应的网页
- 在web浏览器中保存操作过的SVG图像
- AngularJS,如何操作通过$resource获得的图像
- 单击图像不执行任何操作
- 如何使用滑动、缩放和裁剪在 jquery 中操作图像的大小或位置
- 如何使用jQuery检查图像URL是否为空并执行某些操作
- 离子在加载所有图像和内容时执行操作
- 使用Javascript上传图像(操作)到Facebook
- 重置操作的图像
- 如何在上传到画布后操作图像(FabricJS)
- 操作方法:将鼠标悬停在图像上并制作动画绘制一条线,说明淡出
- 客户端图像操作(裁剪)
- 纯JavaScript图像操作
- 画布中的图像操作
- 图像操作-背景位置,SRC更改和多个图像的最佳实践
- 节点画布图像操作
- 渲染图像操作哪个更快:HTML5画布元素,还是操作DOM元素? 'CSS与JS/jQuery