improve docs

2020-10-05 20:51:21 +08:00
parent ff12497673
commit 744874d591
8 changed files with 304 additions and 17 deletions
@@ -38,7 +38,7 @@
      border: 1px solid darkgray;
    }
  </style>
-  <script src="../dist/umd/text-frame.js"></script>
+  <script src="../../dist/umd/text-frame.js"></script>
 </head>

 <body>
@@ -51,15 +51,24 @@
          fontSize: 16,
          margin: 16,
          fragments: [
-          {
-            margin: { left: 16, right: 16, top: 32 },
-            marginCollapse: false,
-            text: "在这里输入文本。"
-          },
+            {
+              color: 'green',
+              fontSize: 20,
+              margin: 32,
+              textAlign: 'center',
+              text: "Caption"
+            },
+            {
+              fontFamily: 'serif',
+              margin: { bottom: 32 },
+              marginCollapse: true,
+              textAlign: 'justify',
+              text: "This is a multi-line text."
+            }
          ]
        }
      </textarea>
-      <button>Options Refrence</button>
+      <a href="https://github.com/mattuylee/text-frame/blob/master/docs/en/options.md"><button>Option Reference</button></a>
    </div>
    <div class="example-item">
      <canvas id="canvas"></canvas>