lovell/sharp

Multiply alpha channel (was: Imagemagick's dissolve option)

Open

#618 建立於 2016年11月2日

在 GitHub 查看
 (14 留言) (0 反應) (0 負責人)JavaScript (1,389 fork)batch import
enhancementhelp wanted

倉庫指標

Star
 (31,994 star)
PR 合併指標
 (平均合併 4天 19小時) (30 天內合併 18 個 PR)

描述

Hi @lovell, Does sharp support the option to dissolve a transparent image? I was looking for something similar to imagemagick's dissolve option. I took a look at the docs but could not find anything. What i wanna achieve is to overlay a watermark, which works well but i would also like to dissolve it by ~35%.

return sharp(watermark)
    .resize(width)
    .toBuffer()
    .then((outputBuffer) => {
      return stream.overlayWith(outputBuffer);
    });

stream is the streamed base image and watermark is the watermark png file which i would like to dissolve.

貢獻者指南

研究方向
在 overlayWith 或 composite 函式中實作一個新選項，用於將疊加圖像的 alpha 通道乘以一個係數（例如，溶解效果）。這需要修改 C++ 綁定，以便在合成過程中應用 alpha 乘數。查閱 libvips 文件中關於 VipsComposite 或 VipsOverlay 的部分，確認是否原生支援 alpha 乘法。如果不支援，則實作一個自訂操作，在合成前縮放 alpha 通道。新增一個簡單的 API，例如 .dissolve(0.35) 或選項 {opacity: 0.35}。使用各種圖像格式進行測試，並包含單元測試。參考 src/operations.cc 中現有的合成實作以及 libvips 原始碼以獲取指引。
技術棧
javascriptnodejs
領域
backend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
較久未更新
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
JavaScriptNode.js
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65