Comments (2)
I use cropperjs to crop pictures.I want the background color of the cropped image to be white. Although I give fillColor as white, it still comes in black. And how can I crop pictures in a round shape?
var cropper = $("#canvas1").cropper({
aspectRatio: 1 / 1,
strict: false,
guides: false,
dragCrop: false,
resizable: false,
mouseWheelZoom: false,
touchDragZomm: false,
autoCropArea: 0.5,
scalable: false,
cropBoxMovable: true,
cropBoxResizable: false,
setDragMode: 'crop',
minCanvasWidth: 25,
rotatable: true,
center: true,
modal: true,
viewMode: 0,
dragMode: 'move',
minContainerWidth: 200,
minContainerHeight: 100,
built: function () {
$(this).cropper('getCroppedCanvas').toBlob(function (blob) {
fillColor: '#fff'
});
}
}
)
.cropper-crop-box, .cropper-view-box {
border-radius: 50%;
}
.cropper-view-box {
box-shadow: 0 0 0 1px #39f;
outline: 0;
}
from cropper.
Just check out this example: https://fengyuanchen.github.io/cropperjs/examples/crop-a-round-image.html
from cropper.
Related Issues (20)
- 文件加载不完整,等了很久还是这样 HOT 1
- Upload image twice when change image from input type=file
- 请问用在移动端可以很好的使用吗? HOT 2
- Após cortar imagem, mandar ela para um input que está dentro de um form para enviar a imagem para o banco de dados HOT 1
- Cropbox size not able to set
- Cropbox size automatically increases on page zoom HOT 1
- data.textContent not work
- fixed
- Mark cropped area with color or number HOT 1
- Cannot recreate non Rectangular shaped crops HOT 1
- How to create a crop like camscanner using cropper? HOT 1
- Highlight many rectangular areas
- picture seems to move along as we resize the crop box
- Fix default rotation
- 不支持IE11吗 HOT 1
- How to manually set the height and width of the cropbox? HOT 1
- Can you add/remove an image element to cropper object? HOT 1
- How do I upload the selected image to my Java code on form submit()? HOT 1
- Cropper container width and height is not equal canvas width and height 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 cropper.