收藏
回答

小游戏 canvas 绘制出现空白



请问 小游戏中 canvas 由于需要设置高度超过屏幕高度，超出的绘制部分显示空白，怎么办？

最后一次编辑于  2018-05-13
回答关注问题邀请回答
收藏

1 个回答

  • 白开水
    白开水    2018-05-13

    没有理解你的意思。canvas.height 设置的高度如果超过屏幕高度，应该是将屏幕的所有部分填满，不会产生空白。

    2018-05-13
    赞同 1
    回复 7
    • ༺Jedore༻
      ༺Jedore༻
      楼
      2018-05-14
      我想实现类似排行榜的功能（如scroll-view的顺滑拖动），可以上下拖动查看所有的排行，但是可视区域有限，但是所有的排行数据总高度又超过了屏幕的高度，绘制在canvas外的部分就是空白。
      2018-05-14
      赞
      回复
    • 白开水
      白开水      2018-05-14回复༺Jedore༻
      依然没有理解你的意思，如果要做滚动列表，可以把整个列表画出来。然后根据滚动的坐标计算出在视图中应该展示的部分，最后用 drawImage 绘制上屏。
      2018-05-14
      赞
      回复
    • ༺Jedore༻
      ༺Jedore༻
      楼
      2018-05-14回复白开水
      离屏canvas高度有限，无法画满所有的排行信息。例如：我有100个排行信息，但是一个离屏canvas的高度只能画20个排行信息，其余的排行信息如果继续画会被画到屏幕高度以外，等我用drawImage去剪切时，屏幕高度以外的canvas却是空白
      2018-05-14
      赞
      回复
    • 白开水
      白开水      2018-05-14回复༺Jedore༻
      离屏 canvas 的高度是不做限制的，设置为 2000、3000 都可以。
      2018-05-14
      赞
      回复
    • ༺Jedore༻
      ༺Jedore༻
      楼
      2018-05-14回复白开水
      嗯，对的，离屏canvas高度不做限制。 但我测试的问题是： 假如屏幕高度600，离屏canvas高度可以为1000，我把排行榜信息画在离屏canvas上并占满整个离屏canvas的高度。然后使用drawImage裁剪离屏canvas的区域到上屏canvas，当裁剪区域为（600， 1000）时，显示的却是空白。这个问题存在么？
      2018-05-14
      赞
      回复
    查看更多(2)
相关问题
相关文档