canvas - 使用 xui.js 设置画布 - 动态宽度和高度

Question

我想计算画布的比例，但我有问题如何直接使用 xui.js 编写它 - 我的尝试：

xui.extend (
{
 canvasSetup:function(scale)
 {              
var canvas = document.getElementById(x$(this));
var context = canvas.getContext('2d');

context.save();
context.translate(0, 0);

context.scale(scale, scale);
draw(context);
context.restore();
}

});

并像这样调用函数

    x$("#canvas")
    .attr('width', cont_w + 'px')
    .attr('height', cont_h + 'px')
    ;
    x$('#canvas').canvasSetup('2'); 

我是初学者，我对正确的代码编写有疑问。（还有英语），非常感谢您的帮助。

Answer 1

这行得通-也许有用

xui.extend ({
    canvasSetup: function(id, scale){   
    var canvas = document.getElementById(id);
    var context = canvas.getContext('2d');

    context.save();
    context.scale(scale, scale);
    draw(context);
    context.restore();
    }       
    });

x$('#canvas_logo').canvasSetup('canvas_logo', 'scale_num');