zlgopen / awtk-web

在浏览器中运行AWTK应用程序
GNU Lesser General Public License v2.1
23 stars 9 forks source link

字体偏大偏上问题 #16

Closed Tracker647 closed 1 month ago

Tracker647 commented 2 months ago

例子ui: design.zip

build.json:

{
    "name": "menucase",
    "version": "1.0",
    "assets": "res/assets",
    "author": "AWTK Develop Team",
    "copyright": "Guangzhou ZHIYUAN Electronics Co.,Ltd.",
    "themes":["default"],
    "web": {
      "app_type": "c",
      "assets": "design",
      "sources": [
        "src/*.c",
        "src/*/*.c"
      ],
      "config": {
        "width": 800,
        "height": 480,
        "fontScale": "0.8",
        "defaultFont": "Inter,sans-serif"
      }
    }
  }

桌面端效果: image

web端效果: image

字体大小已经发现可以在awtk_web.js里改:

  TBrowser.config.width = TBrowser.getParam('width', TBrowser.config.width);
  TBrowser.config.height = TBrowser.getParam('height', TBrowser.config.height);
  TBrowser.config.nowebgl = TBrowser.getParam('nowebgl', TBrowser.config.nowebgl);
  TBrowser.config.fontScale = 0.8;
  TBrowser.config.defaultFont = "Inter,sans-serif"

主要是偏上问题,不知道对齐的js代码在哪,

xianjimli commented 2 months ago

增加了参数fontOffset,小于0往上偏移,你有空试试。谢谢

Tracker647 commented 2 months ago

好的,这个有效果,offset设成2就差不多了。 不过还是想问问,缺省情况下没法保持原本的对齐状态吗? 另外就是发现同样都是awtk默认的思源黑体字体,web上的英文字体间距比桌面端的还近,所以显示风格看着还是不太一样,不知道为什么。 image

xianjimli commented 2 months ago

缺省情况下没法保持原本的对齐状态吗? 对齐不同吗?

Tracker647 commented 2 months ago

缺省情况下没法保持原本的对齐状态吗? 对齐不同吗?

对的,就是不设offset或者offset为0的时候。

xianjimli commented 2 months ago

两个的渲染方式不同,可能有些差异。