Front-Page/script/js/user-image.js

const roleColors = {"一般用戶":"#0088cc","資料庫上傳人員":"#f8701b","BIM上傳人員":"003cc8","部門管理員":"#400080","來賓":"#00b92e","系統管理員":"#e60086"};
    

function addUserImage(name,role) {
    var canvas = document.createElement("canvas");
    canvas.width = 40;
    canvas.height = 40;
    var ctx = canvas.getContext('2d');
    ctx.fillStyle = "white";
    ctx.font = "30px Arial";
    var text = name;
    ctx.fillText(text, 5, 30);    
    $(".img-circle").attr("src", canvas.toDataURL());
    $(".img-circle").css("background-color",roleColors[role])
}