How to change the background color of the output image.

Enlcxx / angular2-resizing-cropping-image

Resize, rotate and crop images(cropper) for Angular 8

https://alyle.io/components/image-cropper

32 stars 6 forks source link

How to change the background color of the output image. #18

Closed sarath3940 closed 6 years ago

sarath3940 commented 6 years ago

Can you tell me how to change the background color of the output image? asf

alyleui commented 6 years ago

That option is now available @alyle/ui v1.7.0-beta.1a7n7

example:

myConfig: LyResizingCroppingImagesConfig = {
    width: 150,
    height: 150,
    fill: '#ff2997' // Background color
  };

demo

sarath3940 commented 6 years ago

I tried to re-install the package (npm). But it doesn't seem to work. What should I do?

alyleui commented 6 years ago

Does it give you an error?

alyleui commented 6 years ago

npm i @alyle/ui@latest -S

works on Stackblitz

area_20180610164209

sarath3940 commented 6 years ago

Yes. It is showing an error.

And my interface is still like this!!!!!

I tried "npm i @alyle/ui@latest -S" as well. Am I doing anything wrong??

alyleui commented 6 years ago

Remember that alyle-ui is obsolete, now the components are in @alyle/ui npm

see it how it is here, if it still does not work reinstall all packages

sarath3940 commented 6 years ago

As you said, I have reinstalled all packages.(uninstalling alyle-ui and installing alyle/ui packages). But, I got stuck with this error. Can you please look into this??

alyleui commented 6 years ago

I created a new project with Angular CLI install @alyle/ui add cropping and all good. try delete folder node_modules and file package-lock.json then npm install

sarath3940 commented 6 years ago

As you did, I have done the same. Created a new project and installed @alyle/ui. But I am facing the same error.

zdvf sdfgfghn