How to crop an image to a specific height and width?How do I detect a click outside an element?How can I upload files asynchronously?How do I check if an element is hidden in jQuery?How do I redirect to another webpage?How to insert an item into an array at a specific index (JavaScript)?How to check whether a checkbox is checked in jQuery?Container width & height sets to 200 and 100 using Cropper pluginCropper.js crop programmaticallyCropper.JS image widthhow to give cropper.js a fixed height and width to crop accordingly
Is the decompression of compressed and encrypted data without decryption also theoretically impossible?
What's the most polite way to tell a manager "shut up and let me work"?
Opposite of "Squeaky wheel gets the grease"
How to make thick Asian sauces?
Unconventional Opposites
Did thousands of women die every year due to illegal abortions before Roe v. Wade?
Old black and white movie: glowing black rocks slowly turn you into stone upon touch
How can I make 20-200 ohm variable resistor look like a 20-240 ohm resistor?
California: "For quality assurance, this phone call is being recorded"
How can I offer a test ride while selling a bike?
Is it possible for people to live in the eye of a permanent hypercane?
Anyone teach web development? How do you assess it?
Incremental Ranges!
Setting extra bits in a bool makes it true and false at the same time
How to detach yourself from a character you're going to kill?
How can a single Member of the House block a Congressional bill?
Does any lore text explain why the planes of Acheron, Gehenna, and Carceri are the alignment they are?
Can a magnetic field of a large body be stronger than its gravity?
Can you please explain this joke: "I'm going bananas is what I tell my bananas before I leave the house"?
What is a simple, physical situation where complex numbers emerge naturally?
Why does a helium balloon rise?
Show sparse matrices like chessboards
Is it a problem that pull requests are approved without any comments
How should I push back against my job assigning "homework"?
How to crop an image to a specific height and width?
How do I detect a click outside an element?How can I upload files asynchronously?How do I check if an element is hidden in jQuery?How do I redirect to another webpage?How to insert an item into an array at a specific index (JavaScript)?How to check whether a checkbox is checked in jQuery?Container width & height sets to 200 and 100 using Cropper pluginCropper.js crop programmaticallyCropper.JS image widthhow to give cropper.js a fixed height and width to crop accordingly
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Why am I not getting an image of specific height and width?
Suppose I set the crop image to width=308 & height=200, it returns 308 X 308.
If I set width=200 & height=308, it returns 308 x 308. It is returning the maximum size from height and width. How do I fix this problem?
I am using cropper.js
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
jquery cropperjs
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
add a comment |
Why am I not getting an image of specific height and width?
Suppose I set the crop image to width=308 & height=200, it returns 308 X 308.
If I set width=200 & height=308, it returns 308 x 308. It is returning the maximum size from height and width. How do I fix this problem?
I am using cropper.js
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
jquery cropperjs
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
add a comment |
Why am I not getting an image of specific height and width?
Suppose I set the crop image to width=308 & height=200, it returns 308 X 308.
If I set width=200 & height=308, it returns 308 x 308. It is returning the maximum size from height and width. How do I fix this problem?
I am using cropper.js
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
jquery cropperjs
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
Why am I not getting an image of specific height and width?
Suppose I set the crop image to width=308 & height=200, it returns 308 X 308.
If I set width=200 & height=308, it returns 308 x 308. It is returning the maximum size from height and width. How do I fix this problem?
I am using cropper.js
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
jquery cropperjs
jquery cropperjs
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
edited Mar 24 at 17:08
Suraj Kumar
2,82641126
2,82641126
asked Mar 24 at 12:26
user8274471user8274471
1
asked Mar 24 at 12:26
user8274471user8274471
1
asked Mar 24 at 12:26
user8274471user8274471
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You need to set aspectRatio free as below code:
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
aspectRatio: "free", // or Free or 0
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
Hope it helps you
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55323790%2fhow-to-crop-an-image-to-a-specific-height-and-width%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You need to set aspectRatio free as below code:
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
aspectRatio: "free", // or Free or 0
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
Hope it helps you
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
add a comment |
You need to set aspectRatio free as below code:
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
aspectRatio: "free", // or Free or 0
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
Hope it helps you
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
add a comment |
You need to set aspectRatio free as below code:
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
aspectRatio: "free", // or Free or 0
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
Hope it helps you
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
You need to set aspectRatio free as below code:
if (cropper) {
canvas = cropper.getCroppedCanvas(
width: 308, // here set width
height: 200, // here set height
aspectRatio: "free", // or Free or 0
imageSmoothingEnabled: false,
imageSmoothingQuality: 'high',
fillColor: '#fff',
);
Hope it helps you
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
answered Mar 24 at 15:58
Rohit MittalRohit Mittal
1,4882211
1,4882211
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
add a comment |
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
Not working ! when I cropped image height =200 but width changed everytime sometime 163 or 157 but not fixed width 308 Thank you for replied
– user8274471
Mar 25 at 7:20
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55323790%2fhow-to-crop-an-image-to-a-specific-height-and-width%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
