spritejs 设置了 anchor 属性后,画面模糊了怎么办
-
无意间发现一个canvas库,看了一下文档是国人开发的,用法比较简洁,于是上手实战了一个地图,经过一番折腾,最后总结下来,对于canvas小白,api比较友好,易上手,但是也遇到了一些坑,第一个坑就是 这个引擎的
Label
标签不支持文字自动换行,官方称是为了性能,将此功能省略了,目前已经通过一些算法解决了这个问题,接下来就是 锚点anchor
的问题,不设置anchor
的时候,清晰度还行,一旦设置,感觉被加了一层浅浅的高斯模糊!有人遇到过不,怎么解决这个问题,这是代码const app = new spritejs.Scene({ container: document.querySelector('#stage'), width: 1920, height: 1080, mode: 'stickyTop', powerPreference: 'high-performance', antialias: false }) const stage = app.layer() var title = new spritejs.Label('DEALER LOCATOR') title.attr({ font: 'bold 36px Arial', fillColor: '#282828', pos: [this.app.width * 0.5, 128], anchor: [0.5, 0.5] // 这句注释和不注释清晰度有着明显的差别 }) stage.append(title)
-
这个框架 设了 锚点以后清晰度就会模糊,目前比较好的解决方案就是不设置锚点,这样清晰度会高一点,这个框架的定位偏向轻量化,还能和vue无缝使用,所以如果要做很复杂的东西,可以考虑其它专业的那些引擎,比如
pixi.js
egret
cocos
等等! -
初始化的这一段,加入这两个参数可以解决
const app = new spritejs.Scene({ displayRatio: 2, // 显示比率 contextType: '2d', // 渲染形式 ... })
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏