在浏览器中拉伸画布但保持内部尺寸

时间:2016-08-19 16:44:34

标签: javascript css html5 canvas

我最近使用canvas作为我的游戏显示创建游戏。这是一款基于2d拼图的游戏(想想最终幻想),使用32px x 32px的拼贴。我没有绘制平铺内容的问题,但是目前我的画布受限于特定的比例,这使得界面看起来很糟糕。有没有办法在拉伸画布容器的同时保持画布内容的大小?例如,我想在画布中绘制672px x 672px,然后使画布遵循样式height: 50vh; width: 50vh;

1 个答案:

答案 0 :(得分:1)

<canvas width="64" height="64" style="width:672px;height:672px"></canvas>