setting willReadFrequently to true

webarkit · Nov 11, 2024 · 60166a9 · 60166a9
1 parent b416bcc
commit 60166a9
Show file tree

Hide file tree

Showing 17 changed files with 25 additions and 25 deletions.
diff --git a/examples/grayscale.html b/examples/grayscale.html
@@ -17,7 +17,7 @@
         var jsfeat = jsfeatNext.jsfeatNext;
         var imgproc = new jsfeat.imgproc();
         var canvas = document.getElementById('canvas');
-        var ctx = canvas.getContext('2d');
+        var ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
         if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
             var hint = {

diff --git a/examples/sample_boxblur.html b/examples/sample_boxblur.html
@@ -99,7 +99,7 @@
             function demo_app() {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_canny_edge.html b/examples/sample_canny_edge.html
@@ -100,7 +100,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_equalize_hist.html b/examples/sample_equalize_hist.html
@@ -93,7 +93,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_fast_corners.html b/examples/sample_fast_corners.html
@@ -103,7 +103,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_gaussblur.html b/examples/sample_gaussblur.html
@@ -99,7 +99,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_oflow_lk.html b/examples/sample_oflow_lk.html
@@ -105,7 +105,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_orb.html b/examples/sample_orb.html
@@ -202,7 +202,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_orb_pinball.html b/examples/sample_orb_pinball.html
@@ -228,7 +228,7 @@
                 function demo_app(videoWidth, videoHeight) {
                     canvasWidth = canvas.width;
                     canvasHeight = canvas.height;
-                    ctx = canvas.getContext('2d');
+                    ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                     ctx.fillStyle = "rgb(0,255,0)";
                     ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_pyrdown.html b/examples/sample_pyrdown.html
@@ -93,7 +93,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_scharr.html b/examples/sample_scharr.html
@@ -93,7 +93,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_sobel.html b/examples/sample_sobel.html
@@ -22,10 +22,10 @@
             </div>
 
             <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-        <script src="../dist/jsfeatNext.js"></script>
-        <script type="text/javascript" src="js/compatibility.js"></script>
-        <script type="text/javascript" src="js/profiler.js"></script>
-        <script type="text/javascript">
+            <script src="../dist/jsfeatNext.js"></script>
+            <script type="text/javascript" src="js/compatibility.js"></script>
+            <script type="text/javascript" src="js/profiler.js"></script>
+            <script type="text/javascript">
 
         $(window).on('load', function () {
             "use strict";
@@ -94,7 +94,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_sobel_edge.html b/examples/sample_sobel_edge.html
@@ -21,10 +21,10 @@
             </div>
 
             <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-        <script src="../dist/jsfeatNext.js"></script>
-        <script type="text/javascript" src="js/compatibility.js"></script>
-        <script type="text/javascript" src="js/profiler.js"></script>
-        <script type="text/javascript">
+            <script src="../dist/jsfeatNext.js"></script>
+            <script type="text/javascript" src="js/compatibility.js"></script>
+            <script type="text/javascript" src="js/profiler.js"></script>
+            <script type="text/javascript">
 
         $(window).on('load', function () {
             "use strict";
@@ -93,7 +93,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_warp_affine.html b/examples/sample_warp_affine.html
@@ -92,7 +92,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_warp_perspective.html b/examples/sample_warp_perspective.html
@@ -95,7 +95,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_yape.html b/examples/sample_yape.html
@@ -94,7 +94,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";

diff --git a/examples/sample_yape06.html b/examples/sample_yape06.html
@@ -100,7 +100,7 @@
             function demo_app(videoWidth, videoHeight) {
                 canvasWidth  = canvas.width;
                 canvasHeight = canvas.height;
-                ctx = canvas.getContext('2d');
+                ctx = canvas.getContext('2d', {"willReadFrequently": true});
 
                 ctx.fillStyle = "rgb(0,255,0)";
                 ctx.strokeStyle = "rgb(0,255,0)";