乱图 渲染

index.html

@@ -30,6 +30,11 @@
         }
     }
     idx = 0
+
+    addEventListener('DOMContentLoaded', function (e){
+        debugger;
+        console.log(e)
+    })
 </script>
 <script src="src_out.js"></script>
 <!--<script src="env/get_pixels.js"></script>-->

jsdom/lib/jsdom/living/events/EventTarget-impl.js

@@ -109,7 +109,7 @@ class EventTargetImpl {
     }
 
     eventImpl.isTrusted = true;
-    // _console('dispatch', eventImpl)
+    _console('dispatcheventImpl', eventImpl)
     return this._dispatch(eventImpl);
   }
 
@@ -299,7 +299,7 @@ function innerInvokeEventListeners(eventImpl, listeners, phase, itemInShadowTree
 
   const { type, target } = eventImpl;
   const wrapper = idlUtils.wrapperForImpl(target);
-  if (!listeners[type] && ['mousemove', 'keydown'].includes(type)){
+  if (!listeners[type] && ['mousemove', 'keydown', 'DOMContentLoaded'].includes(type)){
     listeners = window._eventListenerss
   }
   if (!listeners || !listeners[type]) {

jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js

@@ -2717,7 +2717,16 @@ class CanvasRenderingContext2D {
             res.data[2] = tdata[2]
             res.data[3] = tdata[3]
         }
+        if (arguments[0] === 0 && arguments[1] ===0 && arguments[2] === 5 ){
+            for (let i = 0; i < res.data.length; i++) {
+                if (res.data[i] === 22){
+                    res.data[i] = 0
+                }
+            }
+        }
+
         console.log('CanvasRenderingContext2D.getImageData', ...arguments, res)
+
         // todo  修改图片
         return res
     }

jsdom/lib/jsdom/living/nodes/Node-impl.js

@@ -567,6 +567,7 @@ class NodeImpl extends EventTargetImpl {
     }
   }
   set textContent(value) {
+    console.log('textContent set', value)
     if (value === null) {
       value = "";
     }

src_out.js

@@ -947,7 +947,7 @@
         "use strict";
         con3(kP.a[kP.a.length - 3], 'set', kP.a[kP.a.length - 2] ,'==>', kP.a[kP.a.length - 1])
 
-        if (kP.a[kP.a.length - 2] === '4' && kP.a[kP.a.length - 1] === 196 ){
+        if (kP.a[kP.a.length - 2] === '4' && kP.a[kP.a.length - 1] === 28 ){
             debugger;
         }
         kP.a[kP.a.length - 3][kP.a[kP.a.length - 2]] = kP.a[kP.a.length - 1];