Как сбросить высоту объекта холста на основе высоты содержимого?

Question

Я рисую текстовое содержимое на холсте, который генерируется динамически, но я не могу оценить высоту, которую содержимое занимает в пределах холста, так как сброс высоты холста приведет к сбросу холста.Как я могу изменить размер холста в зависимости от высоты содержимого, которое он рисует, чтобы содержимое накапливалось точно.

Answer 1

Представление сложного табличного текста в виде недоступного изображения холста - ужасная ошибка юзабилити.Однако, если вам нужно, вы можете использовать таблицу в качестве изображения.Вы можете получить с и высоты изображения и установить размер вашего холста.Наконец вы рисуете изображение на холсте.

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