兼容

wangxinzhang · Sep 19, 2019 · f964ff6 · f964ff6
1 parent 0828283
commit f964ff6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -287,7 +287,7 @@ class App extends React.Component {
       textAlign,
       textStyle,
       shadow,
-      angle: rotate,
+      //angle: rotate,
       splitByGrapheme: true, //文字换行
       zIndex: 2,
       lineHeight,
@@ -361,15 +361,15 @@ class App extends React.Component {
       strokeWidth: borderWidth / 1,
       stroke: borderColor,
       fill: background,
-      angle: rotate,
+      //angle: rotate,
       shadow,
       selectable: false
     });
     Shape = new fabric.Group([Rect, textBox], {
       width,
       height,
-      left: left + width / 2 + borderWidth, //距离画布左侧的距离，单位是像素
-      top: top + height / 2+ borderWidth,
+      left: left + width / 2, //距离画布左侧的距离，单位是像素
+      top: top + height / 2,
       angle: rotate,
       mytype: 'textGroup',
       lockScalingY: true,

diff --git a/src/optionArr.js b/src/optionArr.js
@@ -30,7 +30,7 @@ let optionArr = [
       borderWidth: 1,
       borderColor: '#000000',
       padding: 0,
-      rotate: 0,
+      rotate: 30,
       shadow: '10 10 5 #888888',
       fontFamily: '' //webfont
     }
@@ -39,7 +39,7 @@ let optionArr = [
     type: 'rect',
     name: '矩形',
     css: {
-      background: '#ffffff', //文字区域背景色
+      background: 'linear-gradient(-135deg, #fedcba 0%, rgba(18, 52, 86, 1) 20%, #987 80%)',
       top: 0,
       left: 0,
       width: 200,