                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas绘图详解

关于在canvas中插入的canvas的位置问题

当插入画布的位置较大时，无论是上述代码，还是将圆的半径改大，都无法显示；（网页右侧的蓝色小球是金山词霸的浮标）；

当插入画布位置为0时才会显示；

而且插入的画布无法重复，无论横向还是纵向

请大神指教

慕函数5127544

2017-11-22

源自：Canvas绘图详解 5-3

关注问题我要回答

3510

操作

收起

3 回答

性别男爱好女
2018-05-03

画布大小与位置的问题，你可以F12看看你画布的实际大小和位置，你实例化的坐标为50,50，半径为48，你画布从100，100开始肯定不行呀

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

收起回答

weixin_慕婉清4309462

你好，请问画布的位置怎么设置啊?急求！！！

2019-10-24 回复有任何疑惑可以回复我~

番碱丶
2017-11-22

你的代码中那行 “context.fillRect (0, 0, 100, 100)”

代表你在初始画布上填充从 0 0 开始，宽高100的新画布。

而你的新画布就是宽高100，那一个新画布就填满你要填充的区域了。

试试把 fillRect 改成（0， 0， canvas.widht， canvas.height）

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

收起回答

慕函数5127544 提问者

关于画布重复我理解了，可如果我想要插入多个画布呢，我在上述代码中尝试‘fillRect（100，100，100，100）’。一旦插入的画布位置变了，小球也就不见了。这是我不理解的。

2017-11-23 回复有任何疑惑可以回复我~

0/150

提交

取消

Canvas绘图详解

参与学习 72874 人
解答问题 422 个

Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图

进入课程

本课相似问答

4 回答不能实现在canvas中插入canvas

3 回答canvas居中的问题

2 回答关于CSS3和canvas的疑问

1 回答canvas在微信内置浏览器中的支持

1 回答怎么给Canvas定位

搜索更多本课相关问答

关于在canvas中插入的canvas的位置问题

我要回答关注问题

热搜

最近搜索清空

关于在canvas中插入的canvas的位置问题

3 回答

本课相似问答

关于在canvas中插入的canvas的位置问题