Question

如何在调整textarea大小的同时调整文本大小。以下是我的代码。下面是我的jQuery。我想这个问题与点击功能有关吗？不过不确定。我想解决这个问题的一些建议。

JsFiddle :(不允许发布JsFidde，所以这里是 http：// jsfiddle.net / mr_eirenaios / Tr92Q / 8 /）

$("#aTx").click(function () {
    $("#DVtx").append('<textarea rows="3" id="aText">Type Here</textarea>');
});
var diagonalScl;
var txSiz;
$(function () {
    $("#DVtx").resizable({
        alsoResize: '#aText',
        create: function (event, ui) {
            diagonalScl = diagonalSwItms();
            txSiz = parseInt($("#aText").css("font-size"));
        },
        resize: function (e, ui) {
            var diagonalSclNw = diagonalSwItms();
            var ratio = diagonalSclNw / diagonalScl;
            $("#aText").css("font-size", txSiz + ratio * 3);
        }
    });
});

function diagonalSwItms() {
    var contentWidth = $("#aText").width();
    var contentHeght = $("#aText").height();
    return contentWidth * contentWidth + contentHeght * contentHeght;
}

Answer 1

FlowType.js就是你所需要的，就像对甲壳虫乐队的爱。

Answer 2

我已经用新的小提琴检查了这个http://jsfiddle.net/u5LUe/1/我使用了stop event on the resizing element并且我发现你用于字体大小的计算返回一个很大的值而它不是更正，所以做一些其他的字体大小计算，并在代码中进行小的更改

调整textarea大小时同时调整文本大小

2 个答案: