我使用jquery的可调整大小功能(http://jqueryui.com/resizable/)来调整div的大小。在这个div中,我有一个输入和一个画布,我希望当我调整div的大小时,画布跟随其后,我该怎么做?
用这样的示例代码:
<script>
$(function() {
$( "#resizable" ).resizable();
});
</script>
<div id="resizable">
<input type="text" id=field />
<canvas id="mycanvas" height="400px"></canvas>
</div>
谢谢您的帮助。
如果使用CSS(如jQuery),则必须确保按比例调整大小,否则画布图纸会因拉伸而变形。通过在应用.resizable()时设置AspectRatio属性来执行此操作。
另外,由于还希望调整#myCanvas的大小,因此在应用.resizable()时必须设置AlsoResize属性。
// make #resizable resizable
// let #resizable know to also resize #myCanvas when it resizes
// require that the resizing be proportional so the canvas drawing is not distorted
$("#resizable").resizable({
alsoResize: "#myCanvas",
aspectRation:true
});
$("#myCanvas").resizable();
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句