.net 后端生成海报
以前项目中生成海报都是前端生成（html2canvas）但由于前端生成有各种各样的限制如
图片跨域，浏览器兼容等问题。老板就想网站中生成海报用回服务端生成海报的方式。直接通过链接就可以输出海报~~~~ 那就干吧
先看下实现的效果（主要是 背景图+二维码+标题+价格）
实现的效果感觉还是可以，就是折扣这框本来要有圆角的，但是圆角的实现好像有点麻烦最终没有弄
进入实现生成海报正题
为了方式使用这里使用 IHttpHandler的方式实现，直接使用链接传入参数即可【xxx/Images/poster.ashx?id=d9577af85ce44a2ebccf0a8593ab3332&path=http://jvimg001-10003558.image.myqcloud.com/d8f155f8437c7c3953d365e72e5200c3&title=%E8%85%BE%E8%AE%AF%E8%A7%86%E9%A2%91%E8%B6%85%E7%BA%A7%E5%BD%B1%E8%A7%86VIP%E4%BC%9A%E5%91%98%E5%B9%B4%E5%8D%A1%EF%BC%88%E6%94%AF%E6%8C%81%E7%94%B5%E8%A7%86%E7%AB%AF%EF%BC%89&op=488&p=288】
演示
引用的 dll 如下
ThoughtWorks.QRCode.dll (用于生成二维码) 【下载】
代码实现
QRCodeHelper 二维码生成类，可生成中心带有logo 的二维码
public class QRCodeHelper
{
/// 为了使用颜色丰富，需要将css 常规的进行转换
private Color ColorConvertBy16(string colorString)//16进制颜色值
{
int v = int.Parse(colorString, System.Globalization.NumberStyles.HexNumber);
return Color.FromArgb(255, Convert.ToByte((v >> 16) & 255), Convert.ToByte((v >> 8) & 255), Convert.ToByte((v >> 0) & 255));
}
下面是完成的代码实现
绘制海报的主要方法 CreatePoster ，FileCacheHelper 是封装的文件缓存类
using Jonvie.xxx 是内部封装的缓存相关的引用 （可去掉）
<%@ WebHandler Language="C#" Class="Enterprise.WebSite.App_Code.Poster" %>
using System;
using System.Web;
using System.Drawing;
using System.IO;
using System.Drawing.Imaging;
using System.Web.SessionState;
using System.Net;
using ThoughtWorks.QRCode.Codec;
using Jonvie.CacheUtil;
using Jonvie.Extensions;
namespace Enterprise.WebSite.App_Code
{
public class Poster : IHttpHandler
{
private readonly string fontName = "微软雅黑";
public void ProcessRequest(HttpContext context)
{
string id = context.Request.QueryString["id"] ?? "";
if (!string.IsNullOrWhiteSpace(id))
{
string path = context.Request.QueryString["path"] ?? "";
string title = context.Request.QueryString["title"] ?? "";
if (title.Length > 40)
{
title = title.Substring(0, 40);
}
string qrcodeUrl = $"https://wx.jonvie.com/yp/plugins/RechargeClient/SureOrder?pid={id}&flag=pc";
decimal op = 0;
if (!string.IsNullOrWhiteSpace(context.Request.QueryString["op"]))
{
op = Convert.ToDecimal(context.Request.QueryString["op"]);
}
decimal p = 0;
if (!string.IsNullOrWhiteSpace(context.Request.QueryString["p"]))
{
p = Convert.ToDecimal(context.Request.QueryString["p"]);
}
if (!string.IsNullOrWhiteSpace(path))
path += "?imageView2/1/w/750/h/750/q/100";
string key = ($"{id}_{p}").MD5();
FileCacheHelper _fileCache = new FileCacheHelper("_cache", "product-poster", new TimeSpan(5, 0, 0, 0, 0));
byte[] poster = _fileCache.GetOrAddCacheItem<byte[]>(key, () =>
{
return CreatePoster(path, title, op, p, qrcodeUrl);
});
context.Response.Clear();
context.Response.ContentType = "image/jpeg";
context.Response.BinaryWrite(poster);
}
}
private byte[] CreatePoster(string path, string title, decimal op = 0, decimal p = 0, string qrcodeUrl = "")
{
decimal discount = 0;
if (op > 0)
{
discount = Math.Floor(p / op * 100M) / 10M;
}
Image image = ReduceNetworkImage(path);
int w = 750;
int h = 1000;
int margin = 20;
//先绘画一个750*1000的背景
Bitmap bitmap = new Bitmap(w, h, PixelFormat.Format32bppPArgb);
//在背景上开始绘画
Graphics g = Graphics.FromImage(bitmap);
//插入的像素位置由偏移量控制。
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.NearestNeighbor;
//像素偏移方式，像素在水平和垂直距离上均偏移若干个单位，以进行高速锯齿消除。
g.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.Half;
g.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.HighQuality;
//填充颜色
g.Clear(ColorConvertBy16("fafafa"));
//绘制头部图片,指定位置为 0, 0, 334, 334
Image imgBack = ReduceNetworkImage(path);
g.DrawImage(imgBack, 0, 0, 750, 750);
AddFontWarp(g, title, 5, 760, new Font(new Font(fontName, 24), FontStyle.Regular), w);
AddFont(g, $"原价{op}", margin, 850, new Font(new Font(fontName, 18), FontStyle.Strikeout), new SolidBrush(ColorConvertBy16("a7a7a7")));
AddFont(g, $"￥{p}", margin, 880, new Font(new Font(fontName, 20), FontStyle.Bold), new SolidBrush(Color.Red));
if (discount > 0)
{
string zkTxt = $"{discount}折";
g.FillRectangle(new SolidBrush(ColorConvertBy16("ffdf00")), margin, 920, zkTxt.Length * 16f + 4, 28);
AddFont(g, zkTxt, margin + 4, 920, new Font(fontName, 16), new SolidBrush(Color.Red));
}
AddFont(g, "微信扫一扫 立即充值>>", margin, 960, new Font(fontName, 18), new SolidBrush(ColorConvertBy16("a7a7a7")));
g.DrawImage(QRCodeHelper.BuildQRCode(qrcodeUrl, 140), new PointF(580, 840));
MemoryStream ms = new MemoryStream();
//保存为Jpg类型
bitmap.Save(ms, ImageFormat.Jpeg);
g.Dispose();
bitmap.Dispose();
image.Dispose();
return ms.ToArray();
}
///