Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用图像更改输入文本表单的文本大小_Jquery - Fatal编程技术网

Jquery 使用图像更改输入文本表单的文本大小

Jquery 使用图像更改输入文本表单的文本大小,jquery,Jquery,我有一个表单,其中显示一个图像,图像包含数字。我希望文本形式中的字符大小与图像中的字符大小相同。图像中的数字具有相同的高度和间距,因此如果我有图像的高度和宽度,我可以设置输入表单大小和字符间距 我想用jquery这是可行的 谢谢 John。获取图像的大小,如下所示: var width = $("#imageId").width(); var height = $("#imageId").height(); 然后根据这些值对表单应用样式: $("form").css("font-size",

我有一个表单,其中显示一个图像,图像包含数字。我希望文本形式中的字符大小与图像中的字符大小相同。图像中的数字具有相同的高度和间距,因此如果我有图像的高度和宽度,我可以设置输入表单大小和字符间距

我想用jquery这是可行的

谢谢


John。

获取图像的大小,如下所示:

var width = $("#imageId").width();
var height = $("#imageId").height();
然后根据这些值对表单应用样式:

$("form").css("font-size", height+"px");
这将使字体高度与图像高度相匹配。您必须根据图像大小和其中文本大小之间的实际关系进行调整

下面是一个工作示例:

您可能希望查看,并且,如果您想使用load事件设置大小,请查看注释:。祝你好运