收藏
回答

小游戏 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)