fix: 设计器刷新一定次数后,形状角标不显示问题。(字体文件iconfont.woff未加载到导致)

This commit is contained in:
qinoy 2024-09-19 11:40:55 +08:00
parent 5162b7e469
commit a99d369901
2 changed files with 12 additions and 4 deletions

View File

@ -5036,10 +5036,18 @@ var Designer = {
if (x.indexOf("&#x") >= 0) {
var icon = x.split("|")[0];
var iconColor = x.split("|")[1];
b.font = "19px awsui-iconfont";
icon = eval("('" + icon.replace('&#x', '\\u').replace(';', '') + "')");
b.fillStyle = iconColor;
b.fillText(icon, 0, a / 2);
// 创建 FontFace 对象, 使用与CSS `@import` 相同的字体文件路径 目的是保证字体文件加载完成后 才渲染图标
const font = new FontFace('awsui-iconfont', 'url(../commons/css/font/iconfont.woff');
font.load().then(function (loadedFont) {
// 使用字体
document.fonts.add(loadedFont);
// 现在字体已加载,可以进行绘制操作
console.debug('Font loaded successfully');
b.font = "19px awsui-iconfont";
b.fillStyle = iconColor;
b.fillText(icon, 0, a / 2);
});
iconCavCode = H[0].toDataURL("image/png");
c.iconCavCode = iconCavCode;
} else {