Javascript 通过滑块更改字体大小

我们正在从JSON获取文本并在页面中显示

一旦用户点击文本，我们将显示弹出框

在弹出框中，我们将显示滑块至更改文本的字体大小，如

问题：

但在下面的代码片段中，字体大小并没有改变

这是代码笔：

//在文本旁边显示弹出窗口
功能关闭弹出窗口（el）{
el.style.display='none'；
openID=null
}
函数openPopUp（el）{
///log（“打开被调用”，id）
if（openID！=null）{
关闭弹出窗口（openID）
}
el.style.display='block'；
openID=el；
}
让openID=null；
var目标；
var imageUrl=”https://i.imgur.com/RzEm1WK.png";
设jsonData={
“层”：[
{  
“x”：0，
“高度”：612，
“层”：[
{  
“x”：160，
“层”：[
{  
“字体”：“蒙特塞拉特黑体”，
“x”：66，
“y”：93，
“宽度”：801，
“高度”：371，
“类型”：“文本”，
“src”：“A7BDE0063D9FC0EF14EECD18F7EBA31_Font522.otf”，
“尺寸”：60，
“文本”：“迈耶年度报告”，
“名称”：“编辑_mayer”
}
],
“y”：291，
“名称”：“用户\图像\ 1”
},
{  
“x”：25，
“层”：[
{  
“字体”：“蒙特塞拉特黑体”，
“x”：166，
“y”：193，
“宽度”：801，
“高度”：371，
“src”：“A7BDE0063D9FC0EF14EECD18F7EBA31_Font522.otf”，
“类型”：“文本”，
“尺寸”：60，
“文本”：“销售”，
“名称”：“编辑销售”
}
],
“y”：22，
“名称”：“L2”
}
],
“y”：0，
“宽度”：612，
“名称”：“L1”
}
]
};
$（文档）.ready（函数（）{
//下面的代码将从json文件中获取文本
函数getAllSrc（层）{
设arr=[]；
layers.forEach（层=>{
if（layer.src）{
arr.push({
src:layer.src，
x:layer.x，
y:图层，y，
高度：layer.height，
宽度：layer.width，
名称：layer.name
});
}else if（layer.layers）{
设newArr=getAllSrc（layer.layers）；
如果（newArr.length>0）{
纽瓦尔·弗雷赫(({
src，
x,，
Y
高度，
宽度，
名称
}) => {
arr.push({
src，
x：（层x+x），
y：（图层y+y），
高度，
宽度，
姓名：（姓名）
});
});
}
}
});
返回arr；
}
函数json（数据）
{
var宽度=0；
var高度=0；
设arr=getAllSrc（data.layers）；
让layer1=data.layers；
宽度=第1层[0]。宽度；
高度=第1层[0]。高度；
设计数器=0；
设table=[]；
让{
src，
x,，
Y
名称
}（arr）{
$（“.container”）.css（'width'，width+“px”）.css（'height'，height+“px”）.addClass（'temp'）；
变量掩码=$（“.container”）.mask({
imageUrl:imageUrl，
maskImageUrl:'http://piccellsapp.com:1337/parse/files/PfAppId/“+src，
onMaskImageCreate:函数（img）{
//遮罩图像位置
img.css({
“位置”：“绝对”，
“左”：x+“px”，
“顶部”：y+“px”
});
//结束
},
id:柜台
});
表.推（掩模）；
fileup.onchange=函数（）{
设mask2=表[目标]；
const newImageLoadedId=mask2.loadImage（URL.createObjectURL（fileup.files[0]）；
document.getElementById（'fileup'）。value=“”；
};
计数器++；
}
绘图文本（数据）；
}
json（jsonData）；
}); // 文件结束准备好了吗
常量字体=[]；//缓存重复字体
//文本代码
函数drawText（层）{
if（layer.type==='image'）返回；
如果（！layer.type | | layer.type==='group'）{
返回layer.layers.forEach（drawText）
}
如果（layer.type==='text'）{
常量url=http://piccellsapp.com:1337/parse/files/PfAppId/'+layer.src；
如果（！font.includes（url））{
字体。推送（url）；
$（“样式”）.prepend（“@font-face{\n”+
“\t字体系列：\”“+layer.font+”\”；\n”+
“\tsrc:url（“+url+”）格式（'truetype'）；\n”+
"}");
}
//下面是弹出代码
常量lightId='light'+layer.name
常量lightIdString='#'+lightId
$（'.container'）。追加(
' '
);
document.getElementById（lightId）.style.left=layer.x+document.getElementById（layer.name）.offsetWidth+'px'
//上面是弹出代码
}
}
//extemp代码结束
//jq插件
（函数（$）{
var JQmasks=[]；
$.fn.mask=函数（选项）{
//这是拥有默认选项的最简单方法。
变量设置=$.extend
$('.container').style.fontSize = value

$(input).on('input', function () {
  ...
});

$(document).on('change', 'input', function () {
  ...
});