我正在研究一些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。有某种解决方法吗?
答案 0 :(得分: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;
})();
答案 1 :(得分:6)
如果您想确保获得更广泛的兼容性,还可以使用“web”目录下PDF.js发行版中包含的compatibility.js文件。 从Mozilla Github获取PDF.js,解压缩zip存档并包含上述目录中的compatibility.js文件。它还使PDF.js库在例如PDF文件中工作。 IE9