diff --git a/demos/noengine/engine.js b/demos/noengine/engine.js
index 327c15a4..65510ef7 100644
--- a/demos/noengine/engine.js
+++ b/demos/noengine/engine.js
@@ -200,8 +200,8 @@ var StyleOpType;
 })(StyleOpType || (StyleOpType = {}));
 var Element = /** @class */ (function () {
     function Element(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.id, id = _e === void 0 ? uuid += 1 : _e, _f = _a.dataset, dataset = _f === void 0 ? {} : _f;
+        var _this = this;
         /**
          * 子节点列表
          */
@@ -2461,12 +2461,12 @@ var defaultOptions = {
     textNodeName: '#text',
     ignoreAttributes: true,
     ignoreNameSpace: false,
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //a tag can have attributes without any value
     //ignoreRootElement : false,
     parseNodeValue: true,
     parseAttributeValue: false,
     arrayMode: false,
-    trimValues: true,
+    trimValues: true, //Trim string values of tag and attributes
     cdataTagName: false,
     cdataPositionChar: '\\c',
     localeRange: '',
@@ -2713,7 +2713,7 @@ module.exports = function (tagname, parent, val) {
 
 var util = __webpack_require__(13);
 var defaultOptions = {
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //A tag can have attributes without any value
     localeRange: 'a-zA-Z',
 };
 var props = ['allowBooleanAttributes', 'localeRange'];
@@ -3798,8 +3798,8 @@ function parseText(style, value) {
 var Text = /** @class */ (function (_super) {
     __extends(Text, _super);
     function Text(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.value, value = _e === void 0 ? '' : _e, dataset = _a.dataset;
+        var _this = this;
         var originStyleWidth = style.width;
         // 没有设置宽度的时候通过canvas计算出文字宽度
         if (originStyleWidth === undefined) {
@@ -5473,8 +5473,8 @@ function checkNeedHideScrollBar(direction, dimensions) {
 var ScrollBar = /** @class */ (function (_super) {
     __extends(ScrollBar, _super);
     function ScrollBar(_a) {
+        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 0.7)' : _b, _c = _a.width, width = _c === void 0 ? 10 : _c;
         var _this = this;
-        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 1)' : _b, _c = _a.width, width = _c === void 0 ? 16 : _c;
         var style = Object.assign({
             backgroundColor: backgroundColor,
             position: 'absolute',
@@ -5490,7 +5490,7 @@ var ScrollBar = /** @class */ (function (_super) {
         _this.autoHideTime = 2000;
         _this.autoHideDelayTime = 1500;
         _this.autoHideRemainingTime = 0;
-        _this.innerWidth = 16;
+        _this.innerWidth = 10;
         _this.isHide = false;
         _this.currLeft = 0;
         _this.currTop = 0;
@@ -5722,11 +5722,16 @@ var BitMapText = /** @class */ (function (_super) {
         var style = this.style;
         var _a = style.letterSpacing, letterSpacing = _a === void 0 ? 0 : _a;
         var width = 0;
+        // 记录上一个字符，方便处理 kerning
+        var prevCharCode = null;
         for (var i = 0, len = this.value.length; i < len; i++) {
             var char = this.value[i];
             var cfg = this.font.chars[char];
             if (cfg) {
-                width += cfg.w;
+                if (prevCharCode && cfg.kerning[prevCharCode]) {
+                    width += cfg.kerning[prevCharCode];
+                }
+                width += cfg.xadvance;
                 if (i < len - 1) {
                     width += letterSpacing;
                 }
@@ -5763,7 +5768,7 @@ var BitMapText = /** @class */ (function (_super) {
                 drawX += (width - realWidth) / 2;
             }
             else if (textAlign === 'right') {
-                drawY += (width - realWidth);
+                drawX += (width - realWidth);
             }
         }
         // 记录上一个字符，方便处理 kerning
@@ -6140,7 +6145,7 @@ var Layout = /** @class */ (function (_super) {
         /**
          * 当前 Layout 版本，一般跟小游戏插件版本对齐
          */
-        _this.version = '1.0.11';
+        _this.version = '1.0.12';
         _this.env = _env__WEBPACK_IMPORTED_MODULE_0__["default"];
         /**
          * Layout 渲染的目标画布对应的 2d context
@@ -6297,7 +6302,7 @@ var Layout = /** @class */ (function (_super) {
         debugInfo.start('init');
         var parseConfig = {
             attributeNamePrefix: '',
-            attrNodeName: 'attr',
+            attrNodeName: 'attr', // default is 'false'
             textNodeName: '#text',
             ignoreAttributes: false,
             ignoreNameSpace: true,
diff --git a/demos/noengine/sub/engine.js b/demos/noengine/sub/engine.js
index 327c15a4..65510ef7 100644
--- a/demos/noengine/sub/engine.js
+++ b/demos/noengine/sub/engine.js
@@ -200,8 +200,8 @@ var StyleOpType;
 })(StyleOpType || (StyleOpType = {}));
 var Element = /** @class */ (function () {
     function Element(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.id, id = _e === void 0 ? uuid += 1 : _e, _f = _a.dataset, dataset = _f === void 0 ? {} : _f;
+        var _this = this;
         /**
          * 子节点列表
          */
@@ -2461,12 +2461,12 @@ var defaultOptions = {
     textNodeName: '#text',
     ignoreAttributes: true,
     ignoreNameSpace: false,
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //a tag can have attributes without any value
     //ignoreRootElement : false,
     parseNodeValue: true,
     parseAttributeValue: false,
     arrayMode: false,
-    trimValues: true,
+    trimValues: true, //Trim string values of tag and attributes
     cdataTagName: false,
     cdataPositionChar: '\\c',
     localeRange: '',
@@ -2713,7 +2713,7 @@ module.exports = function (tagname, parent, val) {
 
 var util = __webpack_require__(13);
 var defaultOptions = {
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //A tag can have attributes without any value
     localeRange: 'a-zA-Z',
 };
 var props = ['allowBooleanAttributes', 'localeRange'];
@@ -3798,8 +3798,8 @@ function parseText(style, value) {
 var Text = /** @class */ (function (_super) {
     __extends(Text, _super);
     function Text(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.value, value = _e === void 0 ? '' : _e, dataset = _a.dataset;
+        var _this = this;
         var originStyleWidth = style.width;
         // 没有设置宽度的时候通过canvas计算出文字宽度
         if (originStyleWidth === undefined) {
@@ -5473,8 +5473,8 @@ function checkNeedHideScrollBar(direction, dimensions) {
 var ScrollBar = /** @class */ (function (_super) {
     __extends(ScrollBar, _super);
     function ScrollBar(_a) {
+        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 0.7)' : _b, _c = _a.width, width = _c === void 0 ? 10 : _c;
         var _this = this;
-        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 1)' : _b, _c = _a.width, width = _c === void 0 ? 16 : _c;
         var style = Object.assign({
             backgroundColor: backgroundColor,
             position: 'absolute',
@@ -5490,7 +5490,7 @@ var ScrollBar = /** @class */ (function (_super) {
         _this.autoHideTime = 2000;
         _this.autoHideDelayTime = 1500;
         _this.autoHideRemainingTime = 0;
-        _this.innerWidth = 16;
+        _this.innerWidth = 10;
         _this.isHide = false;
         _this.currLeft = 0;
         _this.currTop = 0;
@@ -5722,11 +5722,16 @@ var BitMapText = /** @class */ (function (_super) {
         var style = this.style;
         var _a = style.letterSpacing, letterSpacing = _a === void 0 ? 0 : _a;
         var width = 0;
+        // 记录上一个字符，方便处理 kerning
+        var prevCharCode = null;
         for (var i = 0, len = this.value.length; i < len; i++) {
             var char = this.value[i];
             var cfg = this.font.chars[char];
             if (cfg) {
-                width += cfg.w;
+                if (prevCharCode && cfg.kerning[prevCharCode]) {
+                    width += cfg.kerning[prevCharCode];
+                }
+                width += cfg.xadvance;
                 if (i < len - 1) {
                     width += letterSpacing;
                 }
@@ -5763,7 +5768,7 @@ var BitMapText = /** @class */ (function (_super) {
                 drawX += (width - realWidth) / 2;
             }
             else if (textAlign === 'right') {
-                drawY += (width - realWidth);
+                drawX += (width - realWidth);
             }
         }
         // 记录上一个字符，方便处理 kerning
@@ -6140,7 +6145,7 @@ var Layout = /** @class */ (function (_super) {
         /**
          * 当前 Layout 版本，一般跟小游戏插件版本对齐
          */
-        _this.version = '1.0.11';
+        _this.version = '1.0.12';
         _this.env = _env__WEBPACK_IMPORTED_MODULE_0__["default"];
         /**
          * Layout 渲染的目标画布对应的 2d context
@@ -6297,7 +6302,7 @@ var Layout = /** @class */ (function (_super) {
         debugInfo.start('init');
         var parseConfig = {
             attributeNamePrefix: '',
-            attrNodeName: 'attr',
+            attrNodeName: 'attr', // default is 'false'
             textNodeName: '#text',
             ignoreAttributes: false,
             ignoreNameSpace: true,
diff --git a/dist/index.js b/dist/index.js
index 327c15a4..65510ef7 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -200,8 +200,8 @@ var StyleOpType;
 })(StyleOpType || (StyleOpType = {}));
 var Element = /** @class */ (function () {
     function Element(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.id, id = _e === void 0 ? uuid += 1 : _e, _f = _a.dataset, dataset = _f === void 0 ? {} : _f;
+        var _this = this;
         /**
          * 子节点列表
          */
@@ -2461,12 +2461,12 @@ var defaultOptions = {
     textNodeName: '#text',
     ignoreAttributes: true,
     ignoreNameSpace: false,
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //a tag can have attributes without any value
     //ignoreRootElement : false,
     parseNodeValue: true,
     parseAttributeValue: false,
     arrayMode: false,
-    trimValues: true,
+    trimValues: true, //Trim string values of tag and attributes
     cdataTagName: false,
     cdataPositionChar: '\\c',
     localeRange: '',
@@ -2713,7 +2713,7 @@ module.exports = function (tagname, parent, val) {
 
 var util = __webpack_require__(13);
 var defaultOptions = {
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //A tag can have attributes without any value
     localeRange: 'a-zA-Z',
 };
 var props = ['allowBooleanAttributes', 'localeRange'];
@@ -3798,8 +3798,8 @@ function parseText(style, value) {
 var Text = /** @class */ (function (_super) {
     __extends(Text, _super);
     function Text(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.value, value = _e === void 0 ? '' : _e, dataset = _a.dataset;
+        var _this = this;
         var originStyleWidth = style.width;
         // 没有设置宽度的时候通过canvas计算出文字宽度
         if (originStyleWidth === undefined) {
@@ -5473,8 +5473,8 @@ function checkNeedHideScrollBar(direction, dimensions) {
 var ScrollBar = /** @class */ (function (_super) {
     __extends(ScrollBar, _super);
     function ScrollBar(_a) {
+        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 0.7)' : _b, _c = _a.width, width = _c === void 0 ? 10 : _c;
         var _this = this;
-        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 1)' : _b, _c = _a.width, width = _c === void 0 ? 16 : _c;
         var style = Object.assign({
             backgroundColor: backgroundColor,
             position: 'absolute',
@@ -5490,7 +5490,7 @@ var ScrollBar = /** @class */ (function (_super) {
         _this.autoHideTime = 2000;
         _this.autoHideDelayTime = 1500;
         _this.autoHideRemainingTime = 0;
-        _this.innerWidth = 16;
+        _this.innerWidth = 10;
         _this.isHide = false;
         _this.currLeft = 0;
         _this.currTop = 0;
@@ -5722,11 +5722,16 @@ var BitMapText = /** @class */ (function (_super) {
         var style = this.style;
         var _a = style.letterSpacing, letterSpacing = _a === void 0 ? 0 : _a;
         var width = 0;
+        // 记录上一个字符，方便处理 kerning
+        var prevCharCode = null;
         for (var i = 0, len = this.value.length; i < len; i++) {
             var char = this.value[i];
             var cfg = this.font.chars[char];
             if (cfg) {
-                width += cfg.w;
+                if (prevCharCode && cfg.kerning[prevCharCode]) {
+                    width += cfg.kerning[prevCharCode];
+                }
+                width += cfg.xadvance;
                 if (i < len - 1) {
                     width += letterSpacing;
                 }
@@ -5763,7 +5768,7 @@ var BitMapText = /** @class */ (function (_super) {
                 drawX += (width - realWidth) / 2;
             }
             else if (textAlign === 'right') {
-                drawY += (width - realWidth);
+                drawX += (width - realWidth);
             }
         }
         // 记录上一个字符，方便处理 kerning
@@ -6140,7 +6145,7 @@ var Layout = /** @class */ (function (_super) {
         /**
          * 当前 Layout 版本，一般跟小游戏插件版本对齐
          */
-        _this.version = '1.0.11';
+        _this.version = '1.0.12';
         _this.env = _env__WEBPACK_IMPORTED_MODULE_0__["default"];
         /**
          * Layout 渲染的目标画布对应的 2d context
@@ -6297,7 +6302,7 @@ var Layout = /** @class */ (function (_super) {
         debugInfo.start('init');
         var parseConfig = {
             attributeNamePrefix: '',
-            attrNodeName: 'attr',
+            attrNodeName: 'attr', // default is 'false'
             textNodeName: '#text',
             ignoreAttributes: false,
             ignoreNameSpace: true,
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index b4bc7fba..1e9a2bae 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -73,7 +73,11 @@ export default defineConfig({
         link: "/index",
         items: [
           { text: '简介', link: '/index'},
-          { text: '常见问题', link: '/qa'}
+          { text: '常见问题', link: '/qa'},
+          {
+            text: '更新日志',
+            link: '/CHANGELOG',
+          }
         ]
       },
 
@@ -133,10 +137,6 @@ export default defineConfig({
           { text: '概览', link: '/plugin/guide', },
           { text: '富文本插件', link: '/plugin/richtext'}
         ],
-      },
-      {
-        text: '更新日志',
-        link: '/CHANGELOG',
       }
     ],
 
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index e36ffbe0..387787ef 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,5 +1,10 @@
+#### 2024.11.1
+1. `F` 修复 BitMapText textAlign = 'right' 不生效问题；
+2. `U` 修改 ScrollBar 的默认样式；
+3. `U` 小游戏插件发布1.0.12版本；
+
 #### 2024.4.11
-1. `U` 修复样式伪类功能在touchend没有触发的bug;
+1. `F` 修复样式伪类功能在touchend没有触发的bug;
 2. `U` 小游戏插件发布1.0.11版本；
 
 #### 2024.3.25
diff --git a/docs/components/scrollbar.md b/docs/components/scrollbar.md
index daef6be8..4a1255af 100644
--- a/docs/components/scrollbar.md
+++ b/docs/components/scrollbar.md
@@ -61,7 +61,7 @@ ScrollBar 本身只是个普通的 View 组件，只不过默认带了一些样
 
 | 属性 | 类型 | 描述|
 | --------- | ------ | -------------------------------------------------------------------------- |
-| backgroundColor | string | 默认值'rgba(162, 162, 162, 1)'，建议采用 rgba 的格式设置颜色 |
+| backgroundColor | string | 默认值'rgba(162, 162, 162, 0.7)'，建议采用 rgba 的格式设置颜色 |
 | position | string | 'absolute'，`不建议修改` |
 | opacity | number | 透明度，开启了autoHide会动态修改透明度，`不建议修改` |
 | borderRadius | number |  值为 width / 2，`不建议修改` |
diff --git a/docs/overview/plugin.md b/docs/overview/plugin.md
index 162f6ef9..74ae17d9 100644
--- a/docs/overview/plugin.md
+++ b/docs/overview/plugin.md
@@ -17,7 +17,7 @@
   "openDataContext": "sub",
   "plugins": {
     "Layout": {
-      "version": "1.0.11",
+      "version": "1.0.12",
       "provider": "wx7a727ff7d940bb3f",
       "contexts":[{"type":"openDataContext"}]
     }
@@ -52,7 +52,7 @@ const Layout = requirePlugin('Layout').default;
   "deviceOrientation": "portrait",
   "plugins": {
     "Layout": {
-      "version": "1.0.11",
+      "version": "1.0.12",
       "provider": "wx7a727ff7d940bb3f",
       "contexts":[{"type":"gameContext"}]
     }
@@ -75,7 +75,7 @@ const Layout = requirePlugin('Layout').default;
   "deviceOrientation": "portrait",
   "plugins": {
     "Layout": {
-      "version": "1.0.11",
+      "version": "1.0.12",
       "provider": "wx7a727ff7d940bb3f",
       "contexts":[{"type":"gameContext"}, {"type":"openDataContext"}]
     }
@@ -86,6 +86,7 @@ const Layout = requirePlugin('Layout').default;
 ## 版本列表
 | 版本          | 特性      | 
 | --------------- | ------------------- |
+| 1.0.12        | 修复 BitMapText textAlign = 'right' 不生效问题，修改 ScrollBar 的默认样式|
 | 1.0.11        | 修复样式伪类功能在touchend没有触发的bug |
 | 1.0.10        | 修复1.0.9背景渲染的bug |
 | 1.0.9        | 样式支持伪类能力，transform支持scale，详情可见[布局和样式](../components//overview.md) |
diff --git a/package.json b/package.json
index 5ea9232f..77ace0cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "minigame-canvas-engine",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "1. 安装Node 2. 安装tnpm: 3. 安装webpack: npm install --save-dev webpack",
   "main": "dist/index.js",
   "scripts": {
diff --git a/packages/plugin/plugin/engine.js b/packages/plugin/plugin/engine.js
index 327c15a4..65510ef7 100644
--- a/packages/plugin/plugin/engine.js
+++ b/packages/plugin/plugin/engine.js
@@ -200,8 +200,8 @@ var StyleOpType;
 })(StyleOpType || (StyleOpType = {}));
 var Element = /** @class */ (function () {
     function Element(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.id, id = _e === void 0 ? uuid += 1 : _e, _f = _a.dataset, dataset = _f === void 0 ? {} : _f;
+        var _this = this;
         /**
          * 子节点列表
          */
@@ -2461,12 +2461,12 @@ var defaultOptions = {
     textNodeName: '#text',
     ignoreAttributes: true,
     ignoreNameSpace: false,
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //a tag can have attributes without any value
     //ignoreRootElement : false,
     parseNodeValue: true,
     parseAttributeValue: false,
     arrayMode: false,
-    trimValues: true,
+    trimValues: true, //Trim string values of tag and attributes
     cdataTagName: false,
     cdataPositionChar: '\\c',
     localeRange: '',
@@ -2713,7 +2713,7 @@ module.exports = function (tagname, parent, val) {
 
 var util = __webpack_require__(13);
 var defaultOptions = {
-    allowBooleanAttributes: false,
+    allowBooleanAttributes: false, //A tag can have attributes without any value
     localeRange: 'a-zA-Z',
 };
 var props = ['allowBooleanAttributes', 'localeRange'];
@@ -3798,8 +3798,8 @@ function parseText(style, value) {
 var Text = /** @class */ (function (_super) {
     __extends(Text, _super);
     function Text(_a) {
-        var _this = this;
         var _b = _a.style, style = _b === void 0 ? {} : _b, _c = _a.idName, idName = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.value, value = _e === void 0 ? '' : _e, dataset = _a.dataset;
+        var _this = this;
         var originStyleWidth = style.width;
         // 没有设置宽度的时候通过canvas计算出文字宽度
         if (originStyleWidth === undefined) {
@@ -5473,8 +5473,8 @@ function checkNeedHideScrollBar(direction, dimensions) {
 var ScrollBar = /** @class */ (function (_super) {
     __extends(ScrollBar, _super);
     function ScrollBar(_a) {
+        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 0.7)' : _b, _c = _a.width, width = _c === void 0 ? 10 : _c;
         var _this = this;
-        var direction = _a.direction, dimensions = _a.dimensions, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'rgba(162, 162, 162, 1)' : _b, _c = _a.width, width = _c === void 0 ? 16 : _c;
         var style = Object.assign({
             backgroundColor: backgroundColor,
             position: 'absolute',
@@ -5490,7 +5490,7 @@ var ScrollBar = /** @class */ (function (_super) {
         _this.autoHideTime = 2000;
         _this.autoHideDelayTime = 1500;
         _this.autoHideRemainingTime = 0;
-        _this.innerWidth = 16;
+        _this.innerWidth = 10;
         _this.isHide = false;
         _this.currLeft = 0;
         _this.currTop = 0;
@@ -5722,11 +5722,16 @@ var BitMapText = /** @class */ (function (_super) {
         var style = this.style;
         var _a = style.letterSpacing, letterSpacing = _a === void 0 ? 0 : _a;
         var width = 0;
+        // 记录上一个字符，方便处理 kerning
+        var prevCharCode = null;
         for (var i = 0, len = this.value.length; i < len; i++) {
             var char = this.value[i];
             var cfg = this.font.chars[char];
             if (cfg) {
-                width += cfg.w;
+                if (prevCharCode && cfg.kerning[prevCharCode]) {
+                    width += cfg.kerning[prevCharCode];
+                }
+                width += cfg.xadvance;
                 if (i < len - 1) {
                     width += letterSpacing;
                 }
@@ -5763,7 +5768,7 @@ var BitMapText = /** @class */ (function (_super) {
                 drawX += (width - realWidth) / 2;
             }
             else if (textAlign === 'right') {
-                drawY += (width - realWidth);
+                drawX += (width - realWidth);
             }
         }
         // 记录上一个字符，方便处理 kerning
@@ -6140,7 +6145,7 @@ var Layout = /** @class */ (function (_super) {
         /**
          * 当前 Layout 版本，一般跟小游戏插件版本对齐
          */
-        _this.version = '1.0.11';
+        _this.version = '1.0.12';
         _this.env = _env__WEBPACK_IMPORTED_MODULE_0__["default"];
         /**
          * Layout 渲染的目标画布对应的 2d context
@@ -6297,7 +6302,7 @@ var Layout = /** @class */ (function (_super) {
         debugInfo.start('init');
         var parseConfig = {
             attributeNamePrefix: '',
-            attrNodeName: 'attr',
+            attrNodeName: 'attr', // default is 'false'
             textNodeName: '#text',
             ignoreAttributes: false,
             ignoreNameSpace: true,
diff --git a/src/components/bitmaptext.ts b/src/components/bitmaptext.ts
index 1f75e284..da683067 100644
--- a/src/components/bitmaptext.ts
+++ b/src/components/bitmaptext.ts
@@ -83,11 +83,20 @@ export default class BitMapText extends Element {
     const { letterSpacing = 0 } = style;
     let width = 0;
 
+    // 记录上一个字符，方便处理 kerning
+    let prevCharCode = null;
+
+
     for (let i = 0, len = this.value.length; i < len; i++) {
       const char = this.value[i];
       const cfg = this.font.chars[char];
+
       if (cfg) {
-        width += cfg.w;
+        if (prevCharCode && cfg.kerning[prevCharCode]) {
+          width += cfg.kerning[prevCharCode];
+        }
+  
+        width += cfg.xadvance;
 
         if (i < len - 1) {
           width += letterSpacing;
@@ -119,6 +128,7 @@ export default class BitMapText extends Element {
     const lineHeight = (style.lineHeight || defaultLineHeight) as number
 
     const scaleY = lineHeight / defaultLineHeight;
+
     const realWidth = scaleY * bounds.width;
 
     // 如果文字的渲染区域高度小于盒子高度，采用对齐方式
@@ -134,7 +144,7 @@ export default class BitMapText extends Element {
       if (textAlign === 'center') {
         drawX += (width - realWidth) / 2;
       } else if (textAlign === 'right') {
-        drawY += (width - realWidth);
+        drawX += (width - realWidth);
       }
     }
 
diff --git a/src/components/scrollbar.ts b/src/components/scrollbar.ts
index b27004c2..ce99360b 100644
--- a/src/components/scrollbar.ts
+++ b/src/components/scrollbar.ts
@@ -66,7 +66,7 @@ export default class ScrollBar extends View {
 
   private autoHideRemainingTime = 0;
 
-  private innerWidth = 16;
+  private innerWidth = 10;
 
   private isHide = false;
 
@@ -76,8 +76,8 @@ export default class ScrollBar extends View {
   constructor({
     direction,
     dimensions,
-    backgroundColor = 'rgba(162, 162, 162, 1)',
-    width = 16,
+    backgroundColor = 'rgba(162, 162, 162, 0.7)',
+    width = 10,
   }: IScrollBarOptions) {
     const style = Object.assign({
       backgroundColor,
diff --git a/src/index.ts b/src/index.ts
index 37a5b9d0..ecc5f716 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -66,7 +66,7 @@ class Layout extends Element {
   /**
    * 当前 Layout 版本，一般跟小游戏插件版本对齐
    */
-  public version = '1.0.11';
+  public version = '1.0.12';
 
   env = env;