Skip to content

O
opencv
Commit 5f6fb16f authored by Alexander Alekhin's avatar Alexander Alekhin
Browse files
Options

Merge pull request #9737 from huningxin:fix_9729

parents 386f402e 06d22af2
Hide whitespace changes
Inline Side-by-side
Showing with 1163 additions and 555 deletions
doc/js_tutorials/js_assets/js_basic_ops_copymakeborder.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_basic_ops_roi.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_canny.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_colorspaces_cvtColor.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_colorspaces_inRange.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_approxPolyDP.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_area.html
View file @ 5f6fb16f
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <div>
<canvas id="canvasInput"></canvas> <canvas id="canvasInput"></canvas>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</div> </div>
<div class="inputoutput"> <div>
<p><strong>The area is: </strong><span id="areaOutput"></span></p> <p><strong>The area is: </strong><span id="areaOutput"></span></p>
</div> </div>
......
doc/js_tutorials/js_assets/js_contour_features_boundingRect.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_convexHull.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_fitEllipse.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_fitLine.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_minAreaRect.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_minEnclosingCircle.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contour_features_moments.html
View file @ 5f6fb16f
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <div>
<canvas id="canvasInput"></canvas> <canvas id="canvasInput"></canvas>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</div> </div>
<div class="inputoutput"> <div>
<p><strong>The m00 is: </strong><span id="momentsOutput"></span></p> <p><strong>The m00 is: </strong><span id="momentsOutput"></span></p>
</div> </div>
</div> </div>
......
doc/js_tutorials/js_assets/js_contour_features_perimeter.html
View file @ 5f6fb16f
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <div>
<canvas id="canvasInput"></canvas> <canvas id="canvasInput"></canvas>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</div> </div>
<div class="inputoutput"> <div>
<p><strong>The perimeter is: </strong><span id="perimeterOutput"></span></p> <p><strong>The perimeter is: </strong><span id="perimeterOutput"></span></p>
</div> </div>
</div> </div>
......
doc/js_tutorials/js_assets/js_contour_properties_transpose.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contours_begin_contours.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contours_more_functions_convexityDefects.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_contours_more_functions_shape.html
View file @ 5f6fb16f
...@@ -19,18 +19,27 @@ ...@@ -19,18 +19,27 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
<div class="inputoutput"> </tr>
<p><strong>The result is: </strong><span id="matchShapesOutput"></span></p> <tr>
</div> <td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div>
<div>
<p><strong>The result is: </strong><span id="matchShapesOutput"></span></p>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_example_style.css
View file @ 5f6fb16f
...@@ -45,10 +45,6 @@ button[disabled] { ...@@ -45,10 +45,6 @@ button[disabled] {
color: red; color: red;
font-weight: bold; font-weight: bold;
} }
.inputoutput {
margin-top: 1em;
margin-bottom: 1em;
}
.caption { .caption {
margin: 0; margin: 0;
font-weight: bold; font-weight: bold;
...@@ -69,3 +65,6 @@ button[disabled] { ...@@ -69,3 +65,6 @@ button[disabled] {
.hidden { .hidden {
display: none; display: none;
} }
.small {
max-width: 300px;
}
doc/js_tutorials/js_assets/js_face_detection.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_filtering_GaussianBlur.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_filtering_bilateralFilter.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_filtering_blur.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_filtering_filter.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_filtering_medianBlur.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_fourier_transform_dft.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_geometric_transformations_getAffineTransform.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_geometric_transformations_resize.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_geometric_transformations_rotateWarpAffine.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_geometric_transformations_warpAffine.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_geometric_transformations_warpPerspective.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_grabcut_grabCut.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_gradients_Laplacian.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_gradients_Sobel.html
View file @ 5f6fb16f
...@@ -19,18 +19,30 @@ ...@@ -19,18 +19,30 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput" class="small"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutputx"></canvas> <td>
<div class="caption">canvasOutputx</div> <canvas id="canvasOutputx" class="small"></canvas>
</div> </td>
<div class="inputoutput"> <td>
<canvas id="canvasOutputy"></canvas> <canvas id="canvasOutputy" class="small"></canvas>
<div class="caption">canvasOutputy</div> </td>
</div> </tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutputx</div>
</td>
<td>
<div class="caption">canvasOutputy</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_gradients_absSobel.html
View file @ 5f6fb16f
...@@ -19,18 +19,30 @@ ...@@ -19,18 +19,30 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput" class="small"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput8U"></canvas> <td>
<div class="caption">canvasOutput8U</div> <canvas id="canvasOutput8U" class="small"></canvas>
</div> </td>
<div class="inputoutput"> <td>
<canvas id="canvasOutput64F"></canvas> <canvas id="canvasOutput64F" class="small"></canvas>
<div class="caption">canvasOutput64F</div> </td>
</div> </tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput8U</div>
</td>
<td>
<div class="caption">canvasOutput64F</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_histogram_backprojection_calcBackProject.html
View file @ 5f6fb16f
...@@ -19,18 +19,30 @@ ...@@ -19,18 +19,30 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="srcCanvasInput"></canvas> <tr>
<div class="caption">srcCanvasInput <input type="file" id="srcFileInput" name="file" /></div> <td>
</div> <canvas id="srcCanvasInput" class="small"></canvas>
<div class="inputoutput"> </td>
<canvas id="dstCanvasInput"></canvas> <td>
<div class="caption">dstCanvasInput <input type="file" id="dstFileInput" name="file" /></div> <canvas id="dstCanvasInput" class="small"></canvas>
</div> </td>
<div class="inputoutput"> <td>
<canvas id="canvasOutput"></canvas> <canvas id="canvasOutput" class="small"></canvas>
<div class="caption">canvasOutput</div> </td>
</div> </tr>
<tr>
<td>
<div class="caption">srcCanvasInput <input type="file" id="srcFileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">dstCanvasInput <input type="file" id="dstFileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_histogram_begins_calcHist.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_histogram_equalization_createCLAHE.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_histogram_equalization_equalizeHist.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_houghcircles_HoughCirclesP.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_houghlines_HoughLines.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_houghlines_HoughLinesP.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_image_arithmetics_bitwise.html
View file @ 5f6fb16f
...@@ -19,18 +19,38 @@ ...@@ -19,18 +19,38 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="imageCanvasInput"></canvas> <tr>
<div class="caption">imageCanvasInput <input type="file" id="imageFileInput" name="file" /></div> <td>
</div> <canvas id="imageCanvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="logoCanvasInput"></canvas> <td>
<div class="caption">logoCanvasInput <input type="file" id="logoFileInput" name="file" /></div> <canvas id="canvasOutput"></canvas>
</div> </td>
<div class="inputoutput"> </tr>
<canvas id="canvasOutput"></canvas> <tr>
<div class="caption">canvasOutput</div> <td>
</div> <div class="caption">imageCanvasInput <input type="file" id="imageFileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
<tr>
<td>
<canvas id="logoCanvasInput"></canvas>
</td>
<td>
</td>
</tr>
<tr>
<td>
<div class="caption">logoCanvasInput <input type="file" id="logoFileInput" name="file" accept="image/*" /></div>
</td>
<td>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_image_display.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_blackHat.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_closing.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_dilate.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_erode.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_getStructuringElement.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_gradient.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_opening.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_morphological_ops_topHat.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_pyramids_pyrDown.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_pyramids_pyrUp.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_setup_usage.html
View file @ 5f6fb16f
...@@ -9,14 +9,24 @@ ...@@ -9,14 +9,24 @@
<h2>Hello OpenCV.js</h2> <h2>Hello OpenCV.js</h2>
<p id="status">OpenCV.js is loading...</p> <p id="status">OpenCV.js is loading...</p>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<img id="imageSrc" alt="No Image" /> <tr>
<div class="caption">imageSrc <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <img id="imageSrc" alt="No Image" class="small" />
<div class="inputoutput"> </td>
<canvas id="canvasOutput" ></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput" class="small" height="300px"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">imageSrc <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
......
doc/js_tutorials/js_assets/js_template_matching_matchTemplate.html
View file @ 5f6fb16f
...@@ -20,18 +20,38 @@ ...@@ -20,18 +20,38 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="imageCanvasInput"></canvas> <tr>
<div class="caption">imageCanvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="imageCanvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="templateCanvasInput"></canvas> <td>
<div class="caption">templateCanvasInput <input type="file" id="templateFileInput" name="file" /></div> <canvas id="canvasOutput"></canvas>
</div> </td>
<div class="inputoutput"> </tr>
<canvas id="canvasOutput"></canvas> <tr>
<div class="caption">canvasOutput</div> <td>
</div> <div class="caption">imageCanvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
<tr>
<td>
<canvas id="templateCanvasInput"></canvas>
</td>
<td>
</td>
</tr>
<tr>
<td>
<div class="caption">templateCanvasInput <input type="file" id="templateFileInput" name="file" accept="image/*" /></div>
</td>
<td>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_thresholding_adaptiveThreshold.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_thresholding_threshold.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_trackbar.html
View file @ 5f6fb16f
...@@ -21,47 +21,31 @@ ...@@ -21,47 +21,31 @@
<b>trackbar</b> <b>trackbar</b>
<input type="range" id="trackbar" disabled value="50" min="0" max="100" step="1"> <input type="range" id="trackbar" disabled value="50" min="0" max="100" step="1">
<label id="weightValue" ></label> <label id="weightValue" ></label>
<div class="inputoutput"> <div>
<div> <table cellpadding="0" cellspacing="0" width="0" border="0">
<table cellpadding="0" cellspacing="0" width="0" border="0"> <tr>
<tr> <td>
<td> <canvas id="canvasInput1" class="small"></canvas>
<canvas id="canvasInput1"></canvas> </td>
</td> <td>
<td> <canvas id="canvasInput2" class="small"></canvas>
<canvas id="canvasInput2"></canvas> </td>
</td> <td>
<td></td> <canvas id="canvasOutput" class="small"></canvas>
<td></td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<p class="caption">canvasInput1</p> <div class="caption">canvasInput1</div>
</td> </td>
<td> <td>
<p class="caption">canvasInput2</p> <div class="caption">canvasInput2</div>
</td> </td>
<td></td> <td>
<td></td> <div class="caption">canvasOutput</div>
</tr> </td>
<tr> </tr>
<td> </table>
<canvas id="canvasOutput"></canvas>
</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<div class="caption">canvasOutput</div>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div> </div>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
......
doc/js_tutorials/js_assets/js_watershed_background.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_watershed_distanceTransform.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_watershed_foreground.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_watershed_threshold.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
doc/js_tutorials/js_assets/js_watershed_watershed.html
View file @ 5f6fb16f
...@@ -19,14 +19,24 @@ ...@@ -19,14 +19,24 @@
<p class="err" id="errorMessage"></p> <p class="err" id="errorMessage"></p>
</div> </div>
<div> <div>
<div class="inputoutput"> <table cellpadding="0" cellspacing="0" width="0" border="0">
<canvas id="canvasInput"></canvas> <tr>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div> <td>
</div> <canvas id="canvasInput"></canvas>
<div class="inputoutput"> </td>
<canvas id="canvasOutput"></canvas> <td>
<div class="caption">canvasOutput</div> <canvas id="canvasOutput"></canvas>
</div> </td>
</tr>
<tr>
<td>
<div class="caption">canvasInput <input type="file" id="fileInput" name="file" accept="image/*" /></div>
</td>
<td>
<div class="caption">canvasOutput</div>
</td>
</tr>
</table>
</div> </div>
<script src="utils.js" type="text/javascript"></script> <script src="utils.js" type="text/javascript"></script>
<script id="codeSnippet" type="text/code-snippet"> <script id="codeSnippet" type="text/code-snippet">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment