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

来源:5-3 使用图片、画布或者video

慕函数5127544

2017-11-22 10:58

http://img4.mukewang.com/5a14ed420001f3f108150925.jpg

http://img4.mukewang.com/5a14ec5b0001545919201048.jpg

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

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

http://img.mukewang.com/5a14ee190001403807820936.jpg

http://img.mukewang.com/5a14ee1a000125f619201048.jpg

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

请大神指教

写回答 关注

2回答

  • 性别男爱好女
    2018-05-03 13:03:12

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

    weixin...

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

    2019-10-24 22:45:03

    共 1 条回复 >

  • 番碱丶
    2017-11-22 18:54:29

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

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

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

    试试把 fillRect 改成 (0, 0, canvas.widht, canvas.height)

    慕函数512...

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

    2017-11-23 11:19:43

    共 1 条回复 >

Canvas绘图详解

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

72881 学习 · 422 问题

查看课程

相似问题