Resizing canvas element in Javascript function

Question

I have a JavaScript function that is passed a div tag that contains a canvas. I can locate the canvas and read the size of it but I cannot change the size of the canvas.

function ReSizeImage(item, Width, Height) {
    var canvas = item.find("canvas");
    canvas.each(function (i) {
        var CW = $(this).width(); //THIS GETS THE CORRECT VALUE
        $(this).width = Width //THIS DOES NOT WORK;

Any help much appreciated

Harben · Accepted Answer · 2015-02-20 15:46:17Z

1

jQuery Canvas Manipulation

There's a slight issue to your code, simple fix!

 function ReSizeImage(item, Width, Height) {
 var canvas = item.find("canvas");
 canvas.each(function (i) {
    var CW = $(this).width(); //THIS GETS THE CORRECT VALUE
    $(this)[0].width = Width //THIS DOES NOT WORK;

$(this) will be getting you a jQuery object and not a DOM element.

answered Feb 20, 2015 at 15:46

Harben

1,8561 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Aivar Over a year ago

$(this)[0].width = Width; can also be replaced with $(this).width(Width);

Aivar Over a year ago

@Harben, sure i only mentioned it because i thought author accidentally wrote $(this).width = Width insteed of $(this).width(Width) as all code is written with jquery.

Collectives™ on Stack Overflow

Resizing canvas element in Javascript function

1 Answer 1

jQuery Canvas Manipulation

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

jQuery Canvas Manipulation

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related