Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Canvas 使用xui.js设置画布-动态宽度和高度_Canvas_Xui - Fatal编程技术网

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

Canvas 使用xui.js设置画布-动态宽度和高度,canvas,xui,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, scal

我想计算画布的比例,但我无法直接使用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'); 
我是一个初学者,我有一个正确的代码编写这个问题。
(还有英语),非常感谢您的帮助。

这很有效-可能有用

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