将HTML5画布缩放为div的宽度和高度

MBehtemam

在我的应用程序中,我用twitter bootstrap样式设置的div是这样的:

<div class="col-md-12">
    <canvas id="canvas"></canvas>
</div>

画布是某些大图像的占位符。我需要一种将图像缩放到该div的宽度和高度的方法,或者如果不能完全缩放到div的宽度和高度,则缩放必须为div创建一个非常小的滚动条。div有overflow:scroll风格。

流动

使用引导程序时,可以使用jquery进行操作:

var $canvas = $("#canvas");
var $parent = $canvas.parent();
$canvas.width($parent.width());
$canvas.height($parent.height());

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将HTML5画布缩放为div的宽度和高度

来自分类Dev

HTML5画布100%的高度和宽度

来自分类Dev

HTML5画布的高度和宽度100%扭曲了游戏动画

来自分类Dev

无法在Firefox中将SVG绘制到HTMl5画布(即使设置了高度和宽度)

来自分类Dev

在背景缩放上绘制HTML5画布

来自分类Dev

缩放HTML5画布图像

来自分类Dev

在背景缩放上绘制HTML5画布

来自分类Dev

HTML5画布缩放,其中鼠标坐标

来自分类Dev

CSS:缩放HTML5画布以使用所有父div空间

来自分类Dev

缩放和旋转后,HTML5画布会回移

来自分类Dev

HTML5:画布的宽度和高度

来自分类Dev

HTML5画布混合和IE / Edge

来自分类Dev

将bezierCurve html5画布绘图居中?

来自分类Dev

禁用html5画布

来自分类Dev

了解HTML5画布

来自分类Dev

禁用html5画布

来自分类Dev

HTML5画布脉动

来自分类Dev

HTML5画布脉动

来自分类Dev

HTML5画布在背景图像上进行缩放

来自分类Dev

如何在具有更好插值的html5画布上缩放图像?

来自分类Dev

为什么缩放后的HTML5画布上的“像素”奇怪地对齐?

来自分类Dev

如何在不缩放的情况下使用HTML5画布翻转图像

来自分类Dev

如何缩放HTML5画布而不使其模糊?

来自分类Dev

相对于HTML5画布缩放文档上的鼠标坐标

来自分类Dev

通过从图像中心旋转并缩放来拉直HTML5画布中的图像

来自分类Dev

html5画布选择一个区域并缩放

来自分类Dev

如何在Safari iOS中缩放HTML5画布中的表情符号?

来自分类Dev

HTML5画布使圆圈在画布内闪烁

来自分类Dev

使用javascript为HTML5画布创建动态对角线渐变?