调整div宽度和高度的字体在photoshop中看起来像ctrl + t

时间:2017-09-03 10:46:40

标签: jquery user-interface jquery-ui resizable

我可以在Photoshop中调整div中的大小(resizable jquery ui)字体,如 CTRL + T 吗?

see this image

我想用jquery ui调整div,并调整div中的自动字体 我没有响应意味着调整大小的字体看起来像这个图像。

1 个答案:

答案 0 :(得分:0)

我认为我刚才制作的这段代码可以帮到你

function createResizable(selector,relativeFontSize)
         {    
         	 $( selector ).css('font-size',parseInt(($(selector).width() * relativeFontSize)/100)+'px');     	
	         $(function() {
	            $( selector ).resizable({
	               resize: function (event, ui) {
	               	  var newFontSize = parseInt((ui.size.width * relativeFontSize)/100);
	                  $(this).css('font-size',newFontSize+'px');
	               }
	            });
	         });
	         $(selector).resizable({ alsoResize: selector});
         }

         $(document).ready(function(){
         	createResizable('#resizable',45);
         });
         #resizable{ 
         	width: 150px; height: 75px; 
         	padding: 0.5em;text-align: center; margin: 0; 
         }
<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div id = "resizable" class = "ui-widget-content"> 
         Hello
      </div>