Merge pull request #80 from dynamsoft-docs/preview

Preview

Author: lunaaaw

codegallery/usecase/detect-boundaries-on-existing-images.md

@@ -149,8 +149,8 @@ To review the detected boundaries on the loaded image(s), we will create a persp
                         className: "ddv-load-image2 addNewButton", 
                         events: {
                             click: "addNew"
-                        }
-                    }
+                        },
+                    },
                     Dynamsoft.DDV.Elements.DeleteCurrent,
                     Dynamsoft.DDV.Elements.DeleteAll,
                 ],
@@ -333,8 +333,8 @@ Since the workflow in this sample is very simple, only the two events mentioned
                             type: Dynamsoft.DDV.Elements.PerspectiveAll,
                             events: {
                                 click: "downloadPDF"
-                            }
-                        }
+                            },
+                        },
                     ],
                 },
                 Dynamsoft.DDV.Elements.MainView,
@@ -351,8 +351,8 @@ Since the workflow in this sample is very simple, only the two events mentioned
                             className: "ddv-load-image2 addNewButton", 
                             events: {
                                 click: "addNew"
-                            }
-                        }
+                            },
+                        },
                         Dynamsoft.DDV.Elements.DeleteCurrent,
                         Dynamsoft.DDV.Elements.DeleteAll,
                     ],
@@ -369,6 +369,13 @@ Since the workflow in this sample is very simple, only the two events mentioned
             }
         });
 
+        // Create a document and open it in the perspectiveViewer
+        const doc = Dynamsoft.DDV.documentManager.createDocument();
+        perspectiveViewer.openDocument(doc.uid);
+
+        // Create an image input with document boundaries detection
+        const loadImageInput = createFileInput(perspectiveViewer, router);
+
         // Register an event in `perspectiveViewer` to add existing image(s)
         perspectiveViewer.on("addNew",() => {
             delete loadImageInput.files;