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

时间:2013-01-26 21:14:44

标签: canvas xui

我想计算画布的比例,但我有问题如何使用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'); 

我是初学者,我在编写正确的代码时遇到了问题。 (还有英文),非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

这项工作 - 可能有用

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');