Comments (3)
use css, border-radius: 50%;
from angular2-resizing-cropping-image.
Any updates on this? How can I display round cropper instead of the default square? Where should I place border-radius: 50%;
?
@Enlcxx @alyleui
from angular2-resizing-cropping-image.
Hi @sajidgangat sorry for the delay.
Add border-radius: 50%;
to the result in your stylesheet, but if you want to edit the cropping area, you can add variables to theme.
e.g.
export class GlobalVariables implements PartialThemeVariables {
...
...
imgCropper = {
root: {
'& {area}, & {area}::after': {
borderRadius: '50%'
}
}
};
}
result:
Obviously this will not make the result rounded, so do not forget to add the styles to the result.
from angular2-resizing-cropping-image.
Related Issues (20)
- Fail to build ng5 --prod app HOT 1
- How can I change Image size width and height? HOT 1
- Throw error in production build with aot. HOT 1
- angular2-resizing-cropping-image plugin reusability. HOT 6
- How to increase the resolution of the cropped image. HOT 4
- How to restrict ".GIF" format? HOT 4
- whenever click on fit to screen the entire uploaded image fit without of cropping that has to occupy entire width and height(The image has to fit given height and width) HOT 1
- Doubt clarification on "Zoom-Out" functionality. HOT 1
- How to change the background color of the output image. HOT 14
- customization HOT 25
- not working properly from ipad or iphone HOT 8
- Image Cropper on load image, the image is not centered HOT 3
- How can I upload result with cropped image to server? HOT 1
- not an NgModule HOT 24
- Uncaught ReferenceError: __decorate is not defined HOT 2
- Build fail with aot HOT 3
- Angular 4.0+ update HOT 1
- Can't Save cropped image HOT 1
- Hi! Is there possibility to load image instead of upload ? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular2-resizing-cropping-image.