如何在JointJs中动态设置字体大小
How to set font-size dynamically in JointJs?
我正在开发一个JointJs应用程序,我需要为矩形内的文本设置font-size。
$('#FText,#FTextHeight,#FTextWidth,#FTextSize').on('keyup change', function () {
var FtHeight = $('#FTextHeight').val();
var FtWidth = $('#FTextWidth').val();
var FtSize = parseInt($('#FTextSize').val());
var txt = $('#FText').val();
graph2.clear();
if (txt.length > 0) {
$('#FTexterror').empty();
var myFtext = new joint.shapes.basic.Rect({
position: { x: 50, y: 50 },
size: { width: FtWidth, height: FtHeight },
attrs: {
rect: {
fill: 'white', stroke: outerColor, 'class': 'customtext',
},
text: {
text: txt, 'letter-spacing': 1, 'font-size': FtSize,
fill: outerColor, 'font-size': 11, 'y-alignment': 'middle',
}
}
});
graph2.addCells([myFtext]);
}
else {
$('#FTexterror').empty().append('*Enter valid text');
}
});
在为文本设置字体大小时,上面的代码不起作用。
try this
$('.input-text')
.val(rect.attr('text/font-size')) //set initial value
.on('keyup', function () {
var val = $(this).val();
rect.attr('text/font-size', val);
});
完整演示:https://jsfiddle.net/vtalas/sav49mj4/
相关文章:
- 是否可以在网页上用另一种字体设置jqmath-display的样式
- 在 JavaScript 输出中设置字体样式
- 在jquery中设置字体真棒图标
- 使用javascript和php根据视口尺寸设置字体大小
- 如何在javascript print()函数中设置字体大小
- 如何根据容器大小设置字体大小
- 在 CKEditor 中设置字体大小和字体系列
- 如何在夏季笔记中设置字体大小
- jWYSIWYG设置字体颜色按钮
- 仅为附加文本设置字体大小
- 如何设置字体家族与javascript -没有访问jquery, html,或css,只有js
- Ng-repeat动态设置字体颜色时产生错误
- 如何在JointJs中动态设置字体大小
- 从javascript设置字体颜色参数
- 通过样式设置字体族.字体不工作,除非字体大小也设置
- 如果选择了另一个li,则设置字体粗细
- JavaScript未返回CSS设置字体大小
- 如何设置字体样式"斜体"使用javascript
- 根据容器宽度和高度设置字体大小
- 使用 jQuery 使用随机值设置字体大小