Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function () {
- //getting ratio
- function getImageRatio(sourceCanvas) {
- var canvas = document.createElement('canvas');
- var context = canvas.getContext('2d');
- var width = sourceCanvas.width;
- var height = sourceCanvas.height;
- canvas.width = width;
- canvas.height = height;
- context.beginPath();
- context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI);
- context.strokeStyle = 'rgba(0,0,0,0)';
- context.stroke();
- context.clip();
- context.drawImage(sourceCanvas, 0, 0, width, height);
- return canvas;
- }
- window.addEventListener('DOMContentLoaded', function () {
- var image = document.getElementById('image');
- var button = document.getElementById('button');
- var result = document.getElementById('result');
- var croppable = false;
- var cropper = new Cropper(image, {
- aspectRatio: 1,
- viewMode: 1,
- built: function () {
- croppable = true;
- }
- });
- button.onclick = function () {
- var croppedCanvas;
- var roundedCanvas;
- var roundedImage;
- if (!croppable) {
- return;
- }
- // Crop
- croppedCanvas = cropper.getCroppedCanvas();
- console.log(getImageRatio(croppedCanvas));
- };
- });
- })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement