如何解决使用与其内容不同的算法缩放html片段/页面浏览器中的像素完美呈现
在像素艺术游戏中,我使用GL_NEAREST
(像素完美)过滤将子画面绘制到固定大小的帧缓冲区中,然后使用GL_LINEAR
缩放并绘制以适合屏幕(平滑)过滤。这样可以确保没有像素毛刺,但所有内容都可以很好地放入任意大小的窗口中。
问:可以使用html元素在Web上下文中获得相同的结果,而其中的sprites为<img>
s?
理想情况下,我希望能够对特定元素执行此操作,以便可以正常显示其非后代,尽管某些整页缩放解决方案都可以。当然,它应该是高性能的,因为可能有很多sprites / elements,并且是可移植的(至少与电子兼容)。
我知道我可以使用image-rendering: pixelated
或crisp-edges
进行像素完美的绘制,但是随后可能需要将所有内容渲染到画布上并对其进行缩放,但我还没有找到强大的解决方案。或者,我可以使用element()
属性,但只能在Firefox中实现。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。