Javascript 画布高度适合内容_Javascript_Jquery_Html_Canvas

Javascript 画布高度适合内容

javascript jquery html canvas

Javascript 画布高度适合内容,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,我问了一个类似的问题，结果它被贴上了“傻瓜”的标签，尽管这个“傻瓜”没有回答我的问题编辑：被复制者是[stackoverflow.com/questions/17211920/make canvas height auto][1] 我正在用画布打印一张热收据，正如你可能想象的那样，收据的高度可以根据上面有多少物品而有所不同因此，我需要画布来适应内容。我知道canvas.height=window.innerHeight和类似的东西，但我不知道这对我有什么帮助 html <body o

我问了一个类似的问题，结果它被贴上了“傻瓜”的标签，尽管这个“傻瓜”没有回答我的问题

编辑：被复制者是[stackoverflow.com/questions/17211920/make canvas height auto][1]

我正在用画布打印一张热收据，正如你可能想象的那样，收据的高度可以根据上面有多少物品而有所不同

因此，我需要画布来适应内容。

我知道

canvas.height=window.innerHeight

和类似的东西，但我不知道这对我有什么帮助

html

<body onload='onDrawReceipt(shipment, returns, company, customer, img)'>
<form onsubmit='return false;'>
    <table id= "thermal-receipt-table" style='width:100%;'>
        <tbody>
            <tr >
                <td colspan='2' class='left'>
                    <div id='canvasFrame'>
                        <canvas id='canvasPaper' width='576' height= '640' >

                        </canvas>
                    </div>

                </td>
            </tr>

        </tbody>
    </table>
</form>

您可以依赖contentContainerNode.OfftheSight

var canvas = document.getElementById('canvasPaper')
var contentContainerNode = document.getElementById('myContentContainer')
canvas.height = contentContainerNode.offsetHeight

你也许可以把受骗者包括进来，说你试过了指定的东西。这会让其他人更多地了解你的尝试。提供一个JSFIDLE或PLACKR示例，供人们使用。对我来说，小提琴太多了，我真的需要帮助。画布高度似乎无法根据内容动态变化您可以计算所需高度，调整画布大小，然后绘制内容。是的，我该如何计算？我会使用什么元素？

var canvas = document.getElementById('canvasPaper')
var contentContainerNode = document.getElementById('myContentContainer')
canvas.height = contentContainerNode.offsetHeight