MyFavMirrors/MeshCentral
1
0
Fork 0
mirror of https://github.com/Ylianst/MeshCentral.git synced 2025-03-13 21:12:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed canvas clearning #2405

Browse Source
This commit is contained in:
Ylian Saint-Hilaire 2021-03-21 02:58:55 -07:00
parent 954075a32f
commit 8a28008ee1
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
views/default.handlebars
View File

@ -9698,12 +9698,12 @@
var user = (mode == 0)?userinfo:currentUser; var user = (mode == 0)?userinfo:currentUser;
var x = '<input id=p2file type=file style=width:100% accept="image/*" onchange=account_manageImageEx()><div style=width:100%><canvas id=p2canvas width=256 height=256 style="width:256px;height:256px;margin-left:60px;margin-top:8px;border-radius:16px;box-shadow: 0px 0px 15px #000" onclick=account_canvasClick() /></div>'; var x = '<input id=p2file type=file style=width:100% accept="image/*" onchange=account_manageImageEx()><div style=width:100%><canvas id=p2canvas width=256 height=256 style="width:256px;height:256px;margin-left:60px;margin-top:8px;border-radius:16px;box-shadow: 0px 0px 15px #000" onclick=account_canvasClick() /></div>';
setDialogMode(2, "Manage Account Image", 7, account_manageImageEx2, x, user._id); setDialogMode(2, "Manage Account Image", 7, account_manageImageEx2, x, user._id);
var ctx = Q('p2canvas').getContext("2d"); var ctx = Q('p2canvas').getContext('2d');
if (user.accountImageRnd == null) { user.accountImageRnd = Math.floor(Math.random() * 9999999999); } if (user.accountImageRnd == null) { user.accountImageRnd = Math.floor(Math.random() * 9999999999); }
var arg = ''; var arg = '';
if (mode == 1) { arg = '&id=' + user._id.split('/')[2]; } if (mode == 1) { arg = '&id=' + user._id.split('/')[2]; }
var myImg = new Image(); var myImg = new Image();
myImg.onload = function() { ctx.drawImage(myImg, 0, 0); }; myImg.onload = function() { ctx.clearRect(0, 0, 256, 256); ctx.drawImage(myImg, 0, 0); };
myImg.src = ((user.flags != null) && (user.flags & 1))?('userimage.ashx?rnd=' + user.accountImageRnd + arg):'images/user-256.png'; myImg.src = ((user.flags != null) && (user.flags & 1))?('userimage.ashx?rnd=' + user.accountImageRnd + arg):'images/user-256.png';
QE('idx_dlgDeleteButton', (user.flags != null) && (user.flags & 1)); QE('idx_dlgDeleteButton', (user.flags != null) && (user.flags & 1));
QE('idx_dlgOkButton', false); QE('idx_dlgOkButton', false);
@ -9718,10 +9718,11 @@
var cx = 0, cy = 0, min = Math.min(img.width, img.height); var cx = 0, cy = 0, min = Math.min(img.width, img.height);
if (img.width > min) { cx = (img.width - min) / 2; } if (img.width > min) { cx = (img.width - min) / 2; }
if (img.height > min) { cy = (img.height - min) / 2; } if (img.height > min) { cy = (img.height - min) / 2; }
var ctx = Q('p2canvas').getContext("2d"); var ctx = Q('p2canvas').getContext('2d');
ctx.imageSmoothingEnabled = true; ctx.imageSmoothingEnabled = true;
ctx.webkitImageSmoothingEnabled = true; ctx.webkitImageSmoothingEnabled = true;
ctx.mozImageSmoothingEnabled = true; ctx.mozImageSmoothingEnabled = true;
ctx.clearRect(0, 0, 256, 256);
ctx.drawImage(img, cx, cy, min, min, 0, 0, 256, 256); ctx.drawImage(img, cx, cy, min, min, 0, 0, 256, 256);
QE('idx_dlgOkButton', true); QE('idx_dlgOkButton', true);
} }