如何根据内容高度重置画布对象的高度?

时间:2018-10-25 10:36:55

标签: javascript canvas html5-canvas

enter image description here我正在动态生成的画布上绘制文本内容,但由于重置画布高度将重置画布,因此我无法估算该内容在画布中所占的高度。如何根据画布所绘制内容的高度调整其大小,以便准确地累积内容。

1 个答案:

答案 0 :(得分:0)

将复杂的表格文本呈现为无法访问的画布图像是一个严重的可用性错误。但是,如果必须,您可以将表格用作图像。您可以获取图像的with和height并设置画布的大小。最后,您将图像绘制在画布上。

    var img = new Image(); 
    img.src = whatever;
    img.onload = function() { 
    //get the with and height of the image
    var w = img.width;
    var h = img.height; 

    // set the canvas width and height
    canvas.width = w;
    canvas.height= h;
    // draw the image
    ctx.drawImage( img, 0, 0, w, h );