From 174a78dd8a5ea281e08d0773dd25705e8df4f810 Mon Sep 17 00:00:00 2001
From: 0JARVIS0 <709406687@qq.com>
Date: Tue, 26 Nov 2019 18:14:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8E=BB=E9=99=A4=E6=97=A7=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=B9=B2=E6=89=B0=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E4=B8=AD=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2=E5=A4=B1?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/pen.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/pen.js b/lib/pen.js
index 3dc9cd8..74d4264 100644
--- a/lib/pen.js
+++ b/lib/pen.js
@@ -355,6 +355,11 @@ export default class Painter {
       view.rect.minWidth = view.css.fontSize.toPx() + pd[1] + pd[3];
     }
 
+    view.css.bottom = undefined
+    view.css.right = undefined
+    view.css.left = `${view.rect.left}px`
+    view.css.top = `${view.rect.top}px`
+
     this.ctx.rotate(angle);
     if (!notClip && view.css && view.css.borderRadius && view.type !== 'rect') {
       this._doClip(view.css.borderRadius, width, height, view.css.borderStyle);
@@ -496,6 +501,7 @@ export default class Painter {
       height,
       extra,
     } = this._preProcess(view, view.css.background && view.css.borderRadius);
+    this.ctx.fillStyle = (view.css.color || 'black');
     if (this.isMoving && JSON.stringify(this.movingCache) !== JSON.stringify({})) {
       this.globalWidth[view.id] = this.movingCache.globalWidth
       this.ctx.setTextAlign(view.css.textAlign ? view.css.textAlign : 'left');
@@ -521,7 +527,6 @@ export default class Painter {
         }
       }
     } else {
-      this.ctx.fillStyle = (view.css.color || 'black');
       const {
         lines,
         lineHeight,