From 4cefe98992751129475f705c2443ac5c499cd35d Mon Sep 17 00:00:00 2001 From: Jan Oberhauser Date: Fri, 7 Jan 2022 18:39:30 +0100 Subject: [PATCH] :sparkles: Make it possible to add transparency to an image --- .../nodes/EditImage/EditImage.node.ts | 28 ++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/packages/nodes-base/nodes/EditImage/EditImage.node.ts b/packages/nodes-base/nodes/EditImage/EditImage.node.ts index 7cad992120..b4a36928b1 100644 --- a/packages/nodes-base/nodes/EditImage/EditImage.node.ts +++ b/packages/nodes-base/nodes/EditImage/EditImage.node.ts @@ -76,6 +76,11 @@ const nodeOperations: INodePropertyOptions[] = [ value: 'text', description: 'Adds text to image', }, + { + name: 'Transparent', + value: 'transparent', + description: 'Make a color in image transparent', + }, ]; @@ -822,6 +827,25 @@ const nodeOperationOptions: INodeProperties[] = [ }, description: 'Y (vertical) shear degrees.', }, + + + // ---------------------------------- + // transparent + // ---------------------------------- + { + displayName: 'Color', + name: 'color', + type: 'color', + default: '#ff0000', + displayOptions: { + show: { + operation: [ + 'transparent', + ], + }, + }, + description: 'The color to make transparent', + }, ]; @@ -1309,7 +1333,9 @@ export class EditImage implements INodeType { .fill(operationData.fontColor as string) .fontSize(operationData.fontSize as number) .drawText(operationData.positionX as number, operationData.positionY as number, renderText); - } + } else if (operationData.operation === 'transparent') { + gmInstance = gmInstance!.transparent(operationData.color as string); + } } if (item.binary !== undefined) {