spritejs / spritejs

A cross platform high-performance graphics system.

Home Page:http://spritejs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

图片不显示,但是如果改变窗口大小,又会显示

123rui opened this issue · comments

我之前没怎么接触过前端,现在在写一个网页用的是vue框架 element.js,但底层的知识都没了解过,遇到了一个问题找了很久也没发现为什么.
我在element.js的设置的标签页下加了


然后依照教程添加了创建了scene,layer和sprite,用来显示一张图片.但当点到这个标签页的时候图片并没有显示,不过如果改变窗口大小或者缩放窗口比例,图片又会显示.我将spritejs提供的一些例子复制到这个标签页,也是这样,图片不显示,但是如果改变窗口大小,又会显示.
请问这可能是什么原因?

commented

你创建完layer,用layer.tick()让它强制刷新吧,这样图片应该能出来。因为没有具体代码,我不确定,但是怀疑是图片异步加载的问题

你创建完layer,用layer.tick()让它强制刷新吧,这样图片应该能出来。因为没有具体代码,我不确定,但是怀疑是图片异步加载的问题

我发现问题是如果打开网页的第一页面不显示scene所在的div,那么scene的size会自动是0,0.
除非改变网页大小才会让size变得正常.
之前我写的网页里有很多个标签页,其中有一些需要用到spritejs.现在我把用到spritejs的标签页写在vue的router做的子页面里这个问题就解决了.不过这样要注意内存泄露的问题.

commented

如果你确定知道scene的大小,你可以在初始化的时候指定一下宽高,这样应该就没问题了