Navigation

    西南IT社区
    • Register
    • Login
    • Search
    • 主页
    • 问答
    • 话题
    • 热门
    • 圈子
    • 工作机会
    • 活动
    • 项目

    spritejs 设置了 anchor 属性后,画面模糊了怎么办

    技术答疑
    3
    3
    144
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      kangqion2 last edited by

      无意间发现一个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)
      
      1 Reply Last reply Reply Quote 0
      • biaoya321
        biaoya321 last edited by

        这个框架 设了 锚点以后清晰度就会模糊,目前比较好的解决方案就是不设置锚点,这样清晰度会高一点,这个框架的定位偏向轻量化,还能和vue无缝使用,所以如果要做很复杂的东西,可以考虑其它专业的那些引擎,比如 pixi.js egret cocos 等等!

        1 Reply Last reply Reply Quote 0
        • 变
          变幻莫测 last edited by 变幻莫测

          初始化的这一段,加入这两个参数可以解决

          const app = new spritejs.Scene({
              displayRatio: 2, // 显示比率
              contextType: '2d', // 渲染形式
              ...
            })
          
          1 Reply Last reply Reply Quote 0
          • First post
            Last post
          使用HTML构建办公软件 使用HTML构建办公软件 使用HTML构建办公软件
          K
          变
          1
          光
          A
          庆
          小
          U
          Y
          L
          I
          Z
          I
          Y
          C
          Z
          E
          Y
          U
          I
          A
          Z
          Y
          Y
          罗
          R

          西南地区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
          西藏
          社群
          昆明网页设计交流吧
          友情链接
          • Funtask
          • Funtask 社区
          • SUWIS
          ©2019-2021 滇ICP备20006698号