请问,怎样在Form上对插入的图片进行缩放操作
请教,怎样在Form上对插入的图片进行缩放操作。
请教,怎样在Form上对插入的图片进行缩放操作。
谢谢!
------解决方案--------------------
用调整控件大小拖曳控制图片大小示例
//图片控件设置
<asp:Panel ID="panImageContainer" runat="server">
<asp:Panel ID="panelImage" runat="server" CssClass="cssImage">
<!-- 要特别注意,必须指定 style 的宽度与高度为 100% -->
<img src="1.JPG" style="width: 100%; height: 100%;" /></asp:Panel>
</asp:Panel>//CodeGo.net/
<cc1:ResizableControlExtender ID="RCE" runat="server"
TargetControlID="panelImage" BehaviorID="imageBehavior"
ResizableCssClass="resizingImage" HandleCssClass="handleImage"
HandleOffsetX="33" HandleOffsetY="28"
MaximumWidth="1294" MaximumHeight="960"
MinimumWidth="129" MinimumHeight="96"
OnClientResize="OnClientImageTimer" />
<asp:LinkButton ID="LinkButton1" runat="server" Text="放大图片" OnClientClick="return ImageBig();" />
<asp:LinkButton ID="LinkButton2" runat="server" Text="缩小图片" OnClientClick="return ImageSmall();" />
</div>
//css添加图片设置
<style type="text/css">
/* 显示图片 */
.cssImage
{
width: 240px;
height: 324px;
overflow: hidden;
padding: 5px;
text-align: center;
}
/* 手柄图标 */
.handleImage
{
width: 32px;
height: 32px;
background-image: url(Hand.jpg);
overflow: hidden;
cursor: se-resize;
}
/* 可调整大小所用的样式 */
.resizingImage
{
padding: 0px;
border: 3px solid #B4D322;
}
</style>
//javascript控制图片大小
<script type="text/javascript">
// 放大图片
function ImageBig()
{
// 找到可调整大小扩展器
var rcp = $find("imageBehavior");
// 获取大小结构
var size = rcp.get_Size();
// 指定放大倍率
rcp.set_Size( { width: size.width*1.25, height: size.height*1.25 } );
return false;
}
// 缩小图片
function ImageSmall()
{
// 找到可调整大小扩展器
var rcp = $find("imageBehavior");
// 获取大小结构
var size = rcp.get_Size();
// 指定缩小倍率
rcp.set_Size( { width: size.width*0.75, height: size.height*0.75 } );
return false;
}
------解决方案--------------------
使用WPF 可以实现lz所说的功能,不妨去MSDN上搜下,有实例。
请教,怎样在Form上对插入的图片进行缩放操作。
谢谢!
------解决方案--------------------
用调整控件大小拖曳控制图片大小示例
//图片控件设置
<asp:Panel ID="panImageContainer" runat="server">
<asp:Panel ID="panelImage" runat="server" CssClass="cssImage">
<!-- 要特别注意,必须指定 style 的宽度与高度为 100% -->
<img src="1.JPG" style="width: 100%; height: 100%;" /></asp:Panel>
</asp:Panel>//CodeGo.net/
<cc1:ResizableControlExtender ID="RCE" runat="server"
TargetControlID="panelImage" BehaviorID="imageBehavior"
ResizableCssClass="resizingImage" HandleCssClass="handleImage"
HandleOffsetX="33" HandleOffsetY="28"
MaximumWidth="1294" MaximumHeight="960"
MinimumWidth="129" MinimumHeight="96"
OnClientResize="OnClientImageTimer" />
<asp:LinkButton ID="LinkButton1" runat="server" Text="放大图片" OnClientClick="return ImageBig();" />
<asp:LinkButton ID="LinkButton2" runat="server" Text="缩小图片" OnClientClick="return ImageSmall();" />
</div>
//css添加图片设置
<style type="text/css">
/* 显示图片 */
.cssImage
{
width: 240px;
height: 324px;
overflow: hidden;
padding: 5px;
text-align: center;
}
/* 手柄图标 */
.handleImage
{
width: 32px;
height: 32px;
background-image: url(Hand.jpg);
overflow: hidden;
cursor: se-resize;
}
/* 可调整大小所用的样式 */
.resizingImage
{
padding: 0px;
border: 3px solid #B4D322;
}
</style>
//javascript控制图片大小
<script type="text/javascript">
// 放大图片
function ImageBig()
{
// 找到可调整大小扩展器
var rcp = $find("imageBehavior");
// 获取大小结构
var size = rcp.get_Size();
// 指定放大倍率
rcp.set_Size( { width: size.width*1.25, height: size.height*1.25 } );
return false;
}
// 缩小图片
function ImageSmall()
{
// 找到可调整大小扩展器
var rcp = $find("imageBehavior");
// 获取大小结构
var size = rcp.get_Size();
// 指定缩小倍率
rcp.set_Size( { width: size.width*0.75, height: size.height*0.75 } );
return false;
}
------解决方案--------------------
使用WPF 可以实现lz所说的功能,不妨去MSDN上搜下,有实例。