highperfocused/bitmappery
1
0
Fork 0
mirror of https://github.com/igorski/bitmappery.git synced 2026-07-27 17:27:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

also add rasterized text layer

Browse Source
This commit is contained in:
Igor Zinken
2026-01-31 17:01:18 +01:00
parent 717d50254d
commit a17d475788
1 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/services/psd-import-service.ts
View File

@@ -129,7 +129,7 @@ async function psdToBitMapperyDocument( smartExec: SmartExecutor, psd: any, psdF
// this provides a nice fallback that will always display content)
layers.push( LayerFactory.create({
name: "Flattened preview",
name: "[MERGED]",
width,
height,
source: psd.image.toPng()
@@ -154,9 +154,23 @@ async function createLayer( layer: PSDLayer, layers: Layer[], name = "" ): Promi
}
const layerProps: LayerProps = {
name,
type: LayerTypes.LAYER_GRAPHIC,
};
const createLayer = ( props: LayerProps ): Layer => LayerFactory.create({
visible : layer.visible,
left : layerX,
top : layerY,
width : layerWidth,
height : layerHeight,
...props,
filters : FiltersFactory.create({
opacity : ( layer.opacity ?? 255 ) / 255,
blendMode : convertBlendMode( layer.blendMode.blendKey )
}),
});
// determine whether layer uses masking
if ( layer.image.hasMask && layer.mask.width ) {
@@ -176,9 +190,20 @@ async function createLayer( layer: PSDLayer, layers: Layer[], name = "" ): Promi
// retrieve layer contents
const isText = typeof layer.typeTool === "function";
const imageSource = layer.image ? await base64toCanvas( layer.image.toBase64(), layer.image.width(), layer.image.height() ) : null;
if ( isText ) {
const textData = layer.typeTool!();
// also push the rendered text layer as an image bitmap for maximum compatibility
layers.push( createLayer({
...layerProps,
name: `${name} [RASTERIZED]`,
source: imageSource,
visible: false,
}));
layerProps.name = `${name} [TEXT]`;
layerProps.type = LayerTypes.LAYER_TEXT;
layerProps.text = {
value: textData.textValue,
@@ -188,22 +213,9 @@ async function createLayer( layer: PSDLayer, layers: Layer[], name = "" ): Promi
unit: "px",
} as TextProps;
} else {
layerProps.source = layer.image ? await base64toCanvas( layer.image.toBase64(), layer.image.width(), layer.image.height() ) : null;
layerProps.source = imageSource;
}
layers.push( LayerFactory.create({
visible : layer.visible,
left : layerX,
top : layerY,
width : layerWidth,
height : layerHeight,
name,
...layerProps,
filters : FiltersFactory.create({
opacity : ( layer.opacity ?? 255 ) / 255,
blendMode : convertBlendMode( layer.blendMode.blendKey )
}),
}));
layers.push( createLayer( layerProps ));
}