diff --git a/customize-the-ui/index.html b/customize-the-ui/index.html
index 0b1d850..7ae3a4c 100644
--- a/customize-the-ui/index.html
+++ b/customize-the-ui/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>2.customize-the-ui</title>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.0.1/dist/dce.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.1.0/dist/dce.js"></script>
   </head>
   <body>
     <script>
diff --git a/draw-shapes/index.html b/draw-shapes/index.html
index c42ec9c..b85d89b 100644
--- a/draw-shapes/index.html
+++ b/draw-shapes/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.0.1/dist/dce.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.1.0/dist/dce.js"></script>
     <title>drawing-shapes</title>
   </head>
   <body>
@@ -116,7 +116,7 @@
               const content = "I am a Text.",
                 x = 700,
                 y = 100;
-              const text = new Dynamsoft.DCE.DrawingItem.DT_Text(content, x, y);
+              const text = new Dynamsoft.DCE.DrawingItem.DT_Text(content, x, y, 200);
               drawingLayer.addDrawingItems([text]);
             }
             break;
diff --git a/try-basic-features.html b/try-basic-features.html
index c3e2942..d0e61bc 100644
--- a/try-basic-features.html
+++ b/try-basic-features.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.0.1/dist/dce.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.1.0/dist/dce.js"></script>
     <title>1.explore-the-features</title>
     <style>
         * {
