                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

在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

源自：H5+JS+CSS3 实现圣诞情缘 3-9

关注问题我要回答

1248

操作

收起

2 回答

TWT 回答被采纳 +3 积分
2016-05-17

因为画布 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 回复有任何疑惑可以回复我~

收起回答

sunny1334 提问者

非常感谢！

2016-05-17 回复有任何疑惑可以回复我~

TWT 回复 sunny1334 提问者

客气了，互相帮助，有时间交流交流~

2016-05-17 回复有任何疑惑可以回复我~

最爱松露巧克力
2016-05-05

不懂哎

0 回复有任何疑惑可以回复我~

收起回答

sunny1334 提问者

大小不一样，你看看。

2016-05-05 回复有任何疑惑可以回复我~

0/150

提交

取消

H5+JS+CSS3 实现圣诞情缘

参与学习 122035 人
解答问题 211 个

为圣诞节准备的H5+JS+CSS特效案例教程，实现静与动的结合

进入课程

本课相似问答

1 回答关于图片问题？

1 回答图片没显示

1 回答背景图不显示

2 回答that不起作用把

5 回答图片超出容器时background-position百分比值方向的问题//列子评论里有

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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