实现ASP图片旋转

asp中实现图片旋转通常使用graphics对象。通过加载图片到image对象，然后使用graphics的rotatetransform方法进行旋转，最后保存或显示旋转后的图片。

实现ASP图片旋转

在ASP.NET WebForms中，实现图片的旋转可以通过多种方法，本文将详细介绍几种常见的方法，包括CSS滤镜、、VML以及GDI+，以下是详细的实现步骤和代码示例：

方法

1、CSS滤镜：通过CSS滤镜效果实现固定角度的旋转（90度、180度、270度）。

2、JavaScript：使用JavaScript实现任意角度的旋转，但大图片会有失真且影响性能。

3、VML：利用VML中的Rotation属性实现任意角度的旋转，适合大图片且不失真。

4、GDI+：通过GDI+进行图片处理，支持任意角度旋转，并可输出到Response。

CSS滤镜实现图片旋转

CSS滤镜是一种简单的方法，但只能实现固定角度的旋转（90度、180度、270度）。

JavaScript实现图片旋转

JavaScript可以实现任意角度的旋转，但对于大图片可能会有失真并且影响页面性能。

VML实现图片旋转

VML是一种较好的方式，可以实现任意角度的旋转且不会失真，适合大图片。

GDI+实现图片旋转

GDI+是.NET Framework自带的类库，可以很方便地实现图片的旋转，并将结果输出到Response。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YourNamespace.Default" %>



    


    

        
    

using System;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.IO;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Default : Page
{
    protected void btnRotate_Click(object sender, EventArgs e)
    {
        string originalPath = Server.MapPath("~/image.jpg");
        string newPath = Server.MapPath("~/image_rotated.jpg");
        Bitmap originalImage = new Bitmap(originalPath);
        using (Bitmap rotatedImage = RotateImage(originalImage, 90)) // Rotate by 90 degrees
        {
            rotatedImage.Save(newPath, ImageFormat.Jpeg);
        }
        Response.Redirect("image_rotated.jpg");
    }
    private static Bitmap RotateImage(Bitmap source, float angle)
    {
        Bitmap rotatedImage = new Bitmap(source.Width, source.Height);
        using (Graphics g = Graphics.FromImage(rotatedImage))
        {
            g.TranslateTransform((float)rotatedImage.Width / 2, (float)rotatedImage.Height / 2);
            g.RotateTransform(angle);
            g.TranslateTransform(-(float)source.Width / 2, -(float)source.Height / 2);
            g.DrawImage(source, new Point(0, 0));
        }
        return rotatedImage;
    }
}

相关问题与解答

问题1：如何在上传图片时自动旋转图片以纠正方向？

答：可以使用aspjpeg组件读取图片的EXIF数据来获取方向信息，并根据方向信息旋转图片，以下是一个示例代码：

Set Jpeg = Server.CreateObject("Persits.Jpeg")
Set Info = Jpeg.OpenInfo( Path ) '上传后的图片地址
Response.write ""
For Each Item in Info
	Response.Write ""
Response.write "
"
	Response.Write Item.Name & "
"
	Response.Write Item.Description & "
"
	Response.Write Item.Value & "
"
'根据Orientation值旋转图片
fx=1 '图片的默认方向 1
for each Item in Info
	if Item.Name="Orientation" then
		fx=Item.Value '获取Orientation，1，6，8，3
end if
response.write fx '输出显示一下看看
Jpeg.open Path '打开图片
select case fx
	case 1: '不变
	case 3: '图片转了180度
		Jpeg.RotateL '转两次90度，回正
		Jpeg.RotateL
	case 6:Jpeg.RotateR '向左90度回正
	case 8:Jpeg.RotateL '向右90度回正
end select
Jpeg.Save PicUrl '保存到新网址

问题2：如何使用HTML5和JavaScript实现客户端图片旋转？

答：可以使用HTML5的元素和JavaScript来实现客户端图片旋转，以下是一个示例代码：

    


    

    Rotate Image