20

我正在编写一些 Javascript 代码，该代码使用 Photoshop 嵌入的路径创建图像的 alpha 蒙版。IMG 标记的 onload 处理程序将调用剪辑（this）。该函数加载图像的源文件并扫描它。这是设置：

function clip(img) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', img.src, true);
    xhr.responseType = 'arraybuffer';
    xhr.target = img;

    xhr.onload = function(e) {
        var bytes = new Uint8Array(this.response);
        var p = findPhotoshopSegment(bytes);
        if(p) {
            var paths = parse8BIMData(bytes, p);

            /* ... replaces IMG with SVG tag ... */
        }
    };
    xhr.send();
}

您可以在http://flaczki.net46.net/JPEG/SVG.html上查看实际代码

目前，它仅适用于 Firefox、Chrome 和 Safari。它在 IE9 中不起作用。浏览器支持 SVG 但不支持 Uint8Array。有什么解决方法吗？

4

2 回答 2

27

我在玩 pdf.js 库时遇到了同样的问题，我找到的解决方案是制作自己的 Uint8Array，下面是您需要的代码。所有学分都归于 notmasteryet @github，完整代码可以在这里找到https://gist.github.com/1057924 

(function() {
  try {
    var a = new Uint8Array(1);
    return; //no need
  } catch(e) { }

  function subarray(start, end) {
    return this.slice(start, end);
  }

  function set_(array, offset) {
    if (arguments.length < 2) offset = 0;
    for (var i = 0, n = array.length; i < n; ++i, ++offset)
      this[offset] = array[i] & 0xFF;
  }

  // we need typed arrays
  function TypedArray(arg1) {
    var result;
    if (typeof arg1 === "number") {
       result = new Array(arg1);
       for (var i = 0; i < arg1; ++i)
         result[i] = 0;
    } else
       result = arg1.slice(0);
    result.subarray = subarray;
    result.buffer = result;
    result.byteLength = result.length;
    result.set = set_;
    if (typeof arg1 === "object" && arg1.buffer)
      result.buffer = arg1.buffer;

    return result;
  }

  window.Uint8Array = TypedArray;
  window.Uint32Array = TypedArray;
  window.Int32Array = TypedArray;
})();
于 2012-08-21T01:57:11.903 回答
6

如果您想确保获得更广泛的兼容性，您还可以使用“web”目录下 PDF.js 分发包中包含的 compatibility.js 文件。从Mozilla Github获取 PDF.js ，解压缩 zip 存档并包含上述目录中的 compatibility.js 文件。它还使 PDF.js 库在例如 IE9 中工作

于 2013-01-16T10:17:07.983 回答