最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
如何使用canvas生成含有微信头像的邀请海报 使用canvas生成含有微信头像的邀请海报实例
时间:2019-11-01 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下使用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;}
相关文章
- 使用Canvas绘制一个游戏人物属性图代码展示 09-28
- canvas 绘图时位置偏离的问题解决方法 09-16
- 基于canvas实现超炫酷的流水灯效果代码示例 05-20
- canvas绘制折线路径动画实现代码示例 05-12
- Canvas三种动态画圆实现方法代码 04-20
- Canvas跟随鼠标炫彩小球实现代码 04-14