是否可以将画布ID的宽度和高度属性设置为窗口大小的90%？
是否可以将画布ID的宽度和高度属性设置为窗口大小的90%？
提问于 2015-11-05 22:00:29
在使用Sketch.js时，我很难使窗口大小达到屏幕大小的90%。
我尝试使用Javascript，但是它启动画布的大小是巨大的(比指定的大小大得多)，然后在我开始绘图之后，它就达到了预期的大小。
我有一个取消绘图按钮，关闭绘图，它在一个触控板上。因此，在用户开始绘图之前，“取消”按钮是不可见的。
这是JS Fiddle
$('#mysketch').sketch();
$('canvas').attr('height', $(window).height() + 'px');<script src="http://intridea.github.io/sketch.js/lib/sketch.js"></script>
<canvas id='mysketch' style="height:90%; width:100%; border: 1px solid black; "></canvas>
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-05 22:23:30
您可以简单地声明这样的变量
var procentOfHeight = $(window).height() * 0.9;
$('#mysketch').sketch();
$('canvas').css('height', procentOfHeight + 'px');我已经编辑了代码，并在设置高度时更改了css。现在起作用了。试试下面的片段，我有50%的高度。
var procentOfHeight = $(window).height() * 0.5;
$('#mysketch').sketch();
$('canvas').css('height', procentOfHeight + 'px');<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://intridea.github.io/sketch.js/lib/sketch.js"></script>
<canvas id='mysketch' style=" width:100%; border: 1px solid black; "></canvas>
Stack Overflow用户
发布于 2015-11-05 22:14:01
尝试使用css，将canvas height设置为90vh，将width设置为90vw。见视口单元: vw，vh，vmin，vmax，
$("#mysketch").sketch();canvas {
height:90vh;
width:90vw;
}<script src="http://intridea.github.io/sketch.js/lib/sketch.js"></script>
<canvas id='mysketch' style="height:90%; width:100%; border: 1px solid black; "></canvas>
jsfiddle http://jsfiddle.net/mqzge8wd/3/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33555602
复制相关文章
相似问题
腾讯云开发者
