Improve performance with image masks (bug 857031)

- it aims to partially fix performance issue reported: https://bugzilla.mozilla.org/show_bug.cgi?id=857031;
- the idea is too avoid to use byte arrays but use ImageBitmap which are a way faster to draw:
  * an ImageBitmap is Transferable which means that it can be built in the worker instead of in the main thread:
    - this is achieved in using an OffscreenCanvas when it's available, there is a bug to enable them
      for pdf.js: https://bugzilla.mozilla.org/show_bug.cgi?id=1763330;
    - or in using createImageBitmap: in Firefox a task is sent to the main thread to build the bitmap so
      it's slightly slower than using an OffscreenCanvas.
  * it's transfered from the worker to the main thread by "reference";
  * the byte buffers used to create the image data have a very short lifetime and ergo the memory used is globally
    less than before.
- Use the localImageCache for the mask;
- Fix the pdf issue4436r.pdf: it was expected to have a binary stream for the image;
- Move the singlePixel trick from operator_list to image: this way we can use this trick even if it isn't in a set
  as defined in operator_list.

src/shared/image_utils.js

@@ -0,0 +1,46 @@
+/* Copyright 2022 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+function applyMaskImageData({
+  src,
+  srcPos = 0,
+  dest,
+  destPos = 3,
+  width,
+  height,
+  inverseDecode = false,
+}) {
+  const srcLength = src.byteLength;
+  const zeroMapping = inverseDecode ? 0 : 255;
+  const oneMapping = inverseDecode ? 255 : 0;
+
+  for (let j = 0; j < height; j++) {
+    let elem,
+      mask = 0;
+    for (let k = 0; k < width; k++) {
+      if (mask === 0) {
+        elem = srcPos < srcLength ? src[srcPos++] : 255;
+        mask = 128;
+      }
+      dest[destPos] = elem & mask ? oneMapping : zeroMapping;
+      destPos += 4;
+      mask >>= 1;
+    }
+  }
+
+  return { srcPos, destPos };
+}
+
+export { applyMaskImageData };