如何使用canvas生成含有微信头像的邀请海报 使用canvas生成含有微信头像的邀请海报实例

本篇文章小编给大家分享一下使用canvas生成含有微信头像的邀请海报实例，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

问题：canvas图片跨域

解决方法：没有采用第3种保存本地，这样会增加本地图片，而且会存在本地跟微信端没有同步更新的问题，不是用户最新的头像。而是采用远程下载后直接绘制输出图片，这样图片就变成本地图片，解决canvas绘制图片不支持跨域问题。

wxheadimg.aspx 页面代码：

if (!string.IsNullOrEmpty(Request.QueryString["data"].ToString()))
{
    HttpWebRequest request = (HttpWebRequest)WebRequest.Create(Request.QueryString["data"].ToString());
    request.Timeout = 3000;
    WebResponse response = request.GetResponse();
    Stream stream = response.GetResponseStream();
    Bitmap image = new Bitmap(stream);
    //保存为PNG到内存流 
    MemoryStream ms = new MemoryStream();
    image.Save(ms, ImageFormat.Png);
    //重新输出头像
    Response.BinaryWrite(ms.GetBuffer());
    Response.End();
    ms.Close();
    response.Close();
    stream.Close();
}

canvas绘制页面引用：

canvas绘制代码也顺便弄出来：

页面代码 ：

    

        

            

        
        

            
        
        
    
jpg.shareBox{position:relative}
.shareBox .copyImage{position:absolute;top:0px;left:0px;z-index:999;opacity:0;}