raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test image before adding it to the board as bg img

Browse Source
This commit is contained in:
raphael 2021-08-20 00:13:48 +02:00
parent 3950709ec6
commit 5b57f134c6
1 changed files with 47 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/js/whiteboard.js
View File

@ -884,21 +884,26 @@ const whiteboard = {
dom.i2svg();
},
drawImgToBackground(url, width, height, left, top, rotationAngle) {
this.imgContainer.append(
'<img crossorigin="anonymous" style="width:' +
width +
"px; height:" +
height +
"px; position:absolute; top:" +
top +
"px; left:" +
left +
"px; transform: rotate(" +
rotationAngle +
'rad);" src="' +
url +
'">'
);
var _this = this;
testImage(url, function (vaildImg) {
if (vaildImg) {
_this.imgContainer.append(
'<img crossorigin="anonymous" style="width:' +
width +
"px; height:" +
height +
"px; position:absolute; top:" +
top +
"px; left:" +
left +
"px; transform: rotate(" +
rotationAngle +
'rad);" src="' +
url +
'">'
);
}
});
},
addTextBox(
textcolor,
@ -1510,4 +1515,31 @@ function lanczosInterpolate(xm1, ym1, x0, y0, x1, y1, x2, y2, a) {
return [cm1 * xm1 + c0 * x0 + c1 * x1 + c2 * x2, cm1 * ym1 + c0 * y0 + c1 * y1 + c2 * y2];
}
function testImage(url, callback, timeout) {
timeout = timeout || 5000;
var timedOut = false,
timer;
var img = new Image();
img.onerror = img.onabort = function () {
if (!timedOut) {
clearTimeout(timer);
callback(false);
}
};
img.onload = function () {
if (!timedOut) {
clearTimeout(timer);
callback(true);
}
};
img.src = url;
timer = setTimeout(function () {
timedOut = true;
// reset .src to invalid URL so it stops previous
// loading, but doesn't trigger new load
img.src = "//!!!!/test.jpg";
callback(false);
}, timeout);
}
export default whiteboard;