我在div标签中创建了画布(canvas),并将背景图片添加到了画布上。以下是代码:
<div id="container" style="width: 740px; height: 420px">
<canvas id="canvas_draw"></canvas>
</div>
#container
{
position: relative;
}
#canvas_draw
{
border: 1px dashed #CCCCCC;
margin: 5px;
border-style: dotted;
border-width: 1px;
background-color: #FFFFFF;
overflow:scroll !important;
background-image:url('Images/sample.jpg');
background-repeat: no-repeat;
background-size: 900px 600px;
vertical-align: top;
}
输出结果是,画布上显示了滚动条,但无法滚动。我在Chrome上进行了测试。
尝试将滚动功能应用于div,它可以正常工作,但是无法在滚动区域上绘制。因此,我只对画布应用了overflow:scroll
功能。如何解决这个滚动条问题。
提前感谢...