mirror of
https://gitee.com/ulthon/ulthon_information.git
synced 2026-07-08 23:02:47 +08:00
feat(phone-image): 添加字号倍数控制功能
- CSS: 新增 --pi-font-scale 变量,全量 font-size 支持 calc 缩放 - JS: config.fontScale 影响分页计算,applyFontScale() 同步CSS变量 - HTML: 渲染预览区 Slider 控件(0.5x~2.0x),拖动即时预览,松手完整渲染 - 后端: PhoneImage.php 新增 fontScale 配置字段和校验 - 所有保存路径(autoSave/save/generate)包含 fontScale 持久化
This commit is contained in:
@@ -19,7 +19,8 @@ var PhoneImageEngine = (function () {
|
||||
xiaohongshu: { width: 540, height: 720 },
|
||||
douyin: { width: 540, height: 960 }
|
||||
},
|
||||
contentPadding: 20
|
||||
contentPadding: 20,
|
||||
fontScale: 1
|
||||
};
|
||||
|
||||
// ===== 文章数据 =====
|
||||
@@ -71,6 +72,15 @@ var PhoneImageEngine = (function () {
|
||||
if (userConfig) {
|
||||
$.extend(config, userConfig);
|
||||
}
|
||||
applyFontScale();
|
||||
}
|
||||
|
||||
/**
|
||||
* 应用字号缩放到CSS变量
|
||||
*/
|
||||
function applyFontScale() {
|
||||
var scale = config.fontScale || 1;
|
||||
document.documentElement.style.setProperty('--pi-font-scale', scale);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -656,7 +666,7 @@ var PhoneImageEngine = (function () {
|
||||
}
|
||||
|
||||
// 按句子拆分:句号、问号、叹号、换行(兼容不支持 lookbehind 的浏览器)
|
||||
var effectiveFontSize = 14;
|
||||
var effectiveFontSize = 14 * (config.fontScale || 1);
|
||||
var parts = text.split(/([。!?\n])/);
|
||||
var sentences = [];
|
||||
var current = '';
|
||||
@@ -1269,6 +1279,7 @@ var PhoneImageEngine = (function () {
|
||||
config: {
|
||||
size: saveConfig.size || config.size,
|
||||
watermark: saveConfig.watermark || config.watermark,
|
||||
fontScale: config.fontScale || 1,
|
||||
pageAlignments: config.pageAlignments || {}
|
||||
},
|
||||
content_html: saveConfig.content_html || postData.content_html
|
||||
@@ -1488,6 +1499,7 @@ var PhoneImageEngine = (function () {
|
||||
if (newConfig) {
|
||||
$.extend(config, newConfig);
|
||||
}
|
||||
applyFontScale();
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user