成品图：

html页面：

注意设置

 ContentType="Image/Jpeg"
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TaiJiTu.aspx.cs" Inherits="TaiJiTu" ContentType="Image/Jpeg" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    </div>

    </form>

</body>

</html>

后台代码：

using System;

using System.Drawing;

using System.Drawing.Drawing2D;

using System.Drawing.Imaging;

public partial class TaiJiTu : System.Web.UI.Page

{

    private Encoder myEncoder;

    private EncoderParameter myEncoderParameter;

    private EncoderParameters myEncoderParameters;

    protected void Page_Load(object sender, EventArgs e)

    {

        int imgWidth = 400;                 //图象尺寸

        int eyeRadius = imgWidth / 20;      //鱼眼半径

        int headDiameter = imgWidth / 2;    //鱼头直径

        Bitmap image = new Bitmap(imgWidth, imgWidth);

        image.SetResolution(300, 300);

        Graphics graphics = Graphics.FromImage(image);

        //设置图像质量

        graphics.CompositingQuality = CompositingQuality.HighQuality;

        graphics.SmoothingMode = SmoothingMode.AntiAlias;

        graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;

        //底色填充为白色

        Brush white = new SolidBrush(Color.White);

        graphics.FillRectangle(white, new Rectangle(0, 0, imgWidth, imgWidth));

        Brush blue = new SolidBrush(Color.Blue);//定义蓝色笔刷

        Brush red = new SolidBrush(Color.Red);//定义红色笔刷

        //整个圆形填充蓝色

        graphics.FillPie(blue, 0, 0, imgWidth, imgWidth, 0, 360);

        //定义右边的路径（红色部分）

        GraphicsPath redPath = new GraphicsPath();//初始化路径

        redPath.AddArc(0, 0, imgWidth, imgWidth, 0, -180);

        redPath.AddArc(0, headDiameter / 2, headDiameter, headDiameter, 0, -180);

        redPath.AddArc(headDiameter, headDiameter / 2, headDiameter, headDiameter, 0, 180);

        //填充右边部分

        graphics.FillPath(red, redPath);

        //填充红色眼睛

        graphics.FillPie(red, new Rectangle(headDiameter / 2 - eyeRadius, headDiameter - eyeRadius, eyeRadius * 2, eyeRadius * 2), 0, 360);

        //填充蓝色眼睛

        graphics.FillPie(blue, new Rectangle(headDiameter + headDiameter / 2 - eyeRadius, headDiameter - eyeRadius, eyeRadius * 2, eyeRadius * 2), 0, 360);

        graphics.Dispose();

        //写入到Response输出流中去，普通质量

        //image.Save(Response.OutputStream, ImageFormat.Jpeg);

        //修改图片保存质量

        ImageCodecInfo myImageCodecInfo = GetEncoder(ImageFormat.Jpeg);

        myEncoder = Encoder.Quality;

        myEncoderParameters = new EncoderParameters(1);

        //图片质量等级

        myEncoderParameter = new EncoderParameter(myEncoder, 100L);

        myEncoderParameters.Param[0] = myEncoderParameter;

        //使用指定参数输出

        image.Save(Response.OutputStream, myImageCodecInfo, myEncoderParameters);

    }

    private static ImageCodecInfo GetEncoder(ImageFormat format)

    {

        ImageCodecInfo[] codecs = ImageCodecInfo.GetImageEncoders();

        foreach (ImageCodecInfo codec in codecs)

        {

            if (codec.FormatID == format.Guid)

            {

                return codec;

            }

        }

        return null;

    }

}

asp.net C#绘制太极图的更多相关文章

  1. canvas一周一练 -- canvas绘制太极图（6）

    运行效果: <!DOCTYPE html> <html> <head> </head> <body> <canvas id=" ...

  2. asp.net中绘制大数据量的可交互的图表

    在一个asp.net项目中要用到能绘制大数据量信息的图表,并且是可交互的(放大.缩小.导出.打印.实时数据),能够绘制多种图形. 为此进行了多方调查预研工作,预研过微软的MsChart图表组件.基于j ...

  3. asp.net GDI+ 绘制椭圆 ，弧线，扇形

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  4. SVG绘制太极图

    思路:先画一整个圆,填充颜色为黑色,再用一个边框和填充颜色均为白色的长方形覆盖右半边的半圆,再以同一个圆心,相同半径绘制一整个圆,该圆的边线颜色为黑色,没有填充颜色,最后常规操作再画四个小圆 源代码: ...

  5. html5 canvas 绘制太极图

    <div class="container"> <canvas id="myCanvas" width="400" hei ...

  6. asp.net GDI+绘制五边形

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  7. asp.net GDI+绘制多个矩形

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  8. asp.net GDI+绘制折线

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  9. asp.net GDI+绘制矩形渐变

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

随机推荐

  1. 【CSS Demo】纯 CSS 打造 Flow-Steps 导航

    low-Steps 导航效果常用于需要表示执行步骤的交互页面,效果如下: 步骤一 步骤二 步骤三   通常使用图片来实现 Flow-Steps 效果,但此方法的灵活性不足,当内容变化较大时就可能需要重 ...

  2. Swift 编程语言【转载+整理】

    原文地址 在过去的几年中,移动应用程序风靡全世界并且已经改变了我们使用互联网进行工作或者休闲的方式.为了创建移动应用程序,各种技术应运而生,同时开发过程也开始将其作为一等公民来对待.尽管移动似乎已经无 ...

  3. Android夜间模式的几种实现

    一.直接修改widget颜色,这种方式实现起来最简单,但需要每个控件都去修改,太过复杂.例如: /** * 相应交互,修改控件颜色 * @param view */public void onMeth ...

  4. linux系统下创建oracle表空间和用户权限查询

    创建用户和表空间: 1.登录linux,以oracle用户登录(如果是root用户登录的,登录后用 su - oracle命令切换成oracle用户) 2.以sysdba方式来打开sqlplus,命令 ...

  5. Ubuntu18.04命令行连接WiFi

    查看是否已经正确安装无线网卡 iwconfig .启动无线网卡, 如果网卡是wlan0 # 方式1 ifconfig wlan0 up # 或者方式2 ip link set wlan0 up .扫描 ...

  6. pod update报错（Cocoapods: Failed to connect to GitHub to update the CocoaPods/Specs specs repo）报错解决方案

    好长一段时间没动pods,今天偶然需要更新一个库,于是执行了下pod update,然后惊悚的出现了这个报错: [!] Failed to connect to GitHub to update th ...

  7. 12C -- DDL日志

    DDL日志和alert日志有相似的格式和行为.但是只包含DDL语句日志.oracle只是为数据库组件提供DDL日志,且需要将参数enable_ddl_logging设置为true. 在DDL日志中,每 ...

  8. 【转】iPhone X

    iPhone X 在 CIIA 第一期报告中,我剖析了 iPhone 从诞生以来就存在的,以及后来产生的一些设计问题.昨天在苹果店里玩了一下 iPhone X,发现它不但继承了以往的 iPhone 的 ...

  9. 第一部分：开发前的准备-第八章 Android SDK与源码下载

    第8章 Android SDK与源码下载 如果你是新下载的SDK,请阅读一下步骤了解如何设置SDK.如果你已经下载使用过SDK,那么你应该使用AVD Manager,来更新即可. 下面是构建Andro ...

  10. Atitit xml框架类库选型 attilax总结

    Atitit xml框架类库选型 attilax总结 1. 1. XML类库可以分成2大类.标准的.这些类库通常接口和实现都是分开的1 2. Jdom 和dom4j1 2.1. 5.1. jdom1 ...