在canvas内部作图与外部作图的问题？

源自：3-9 CANVAS概述

在canvas内部作图与外部作图的问题？

3.9节中为什么ctx.fillStyle='blue'; ctx.fillRect(110,110,100,100);与 ctx.fillStyle='blue'; ctx.fillRect(10,10,100,100);画出来的蓝色图形不一样啊？

提问者：sunny1334 2016-05-02 20:09

个回答

TWT

2016-05-17 21:14:52

已采纳

因为画布 Canvas 高度不够，容纳不了两个正方形，所以下方正方形被部分隐藏。
HTML
```
<canvas id="cvs"></canvas>
```
Javascript
```
alert("width:" + cvs.width + " height:" + cvs.height)
```
此时弹出 width: 300 height: 150
当设置画布 Canvas 高度为 900 时，则可显示两个正方形内容。
```
<canvas id="cvs" height=900 ></canvas>
```
画布 Canvas 绘制内容无法完全显示时，可以尝试调整画布大小

1
最爱松露巧克力

2016-05-05 08:49:06

不懂哎

0