Photo-designer-lib NPM

photo-designer-lib

Library for designing marketing images.

There were 3 main problems we encountered when we started developing software for creating marketing material.

We can not have dynamic image content (first version we developed rendered images only on frontend and we could not change anything on backend)
We simply lacked power to extend it simply (for example, if we wanted to add ability to add blur, we had to change a lot of code)
Design of image was hardcoded and with this library we want to make image as abstract as possible and let you parametrize it

First we defined layer as smallest unit of organization.

Layer is instance of what we call Module.

Module can be for example text, image, stock image, blur...

You as user of this library can use modules we provided or write your own modules.

What you need to render image is library configuration.

You can write it yourself or generate it using this library.

When you have instance of this library configured, you can render image. (Both on frontend and backend)

npm install photo-designer-lib

For usage on server, you will also have to install canvas.

npm install canvas --save

If you want to use it with webpack, you need to make it ignore canvas module.

module.exports = {
	node: {
		canvas: 'empty'
	}
};

If you want to use it with SystemJS, you need to make it ignore canvas module.

System.config({
	map: {
		'canvas': '@empty'
	}
});

npm run serve # and open console in browser

node ./example.js

7 years ago