本篇文章给大家谈谈cmvc怎么发布网站源码分享,以及对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
最近工作使用了HighCharts,要用到保存成图片功能,但是是内部使用,不允许连接外网,于是就学习了下highcharts生成本地图片。
highcharts有一个exporting.js来负责导出成图片功能。
1.先在页面引用两个js。我使用的是exporting.src.js,方便查看源码,这里需要修改一点点东西。
要显示中文的话,需要在exporting.src.js最末尾处加上以下设置,或者直接修改初始化的默认值。
Highcharts.setOptions({\r\nlang:{\r\nprintChart:”打印图表”,\r\ndownloadJPEG:”下载JPEG图片”,\r\ndownloadPDF:”下载PDF文档”,\r\ndownloadPNG:”下载PNG图片”,\r\ndownloadSVG:”下载SVG矢量图”,\r\nexportButtonTitle:”导出图片”\r\n}\r\n});
2.打开exporting.src.js,找到defaultOptions.exporting属性里的url,这里发送了一个请求到highcharts官网,然后处理成图片之后再返回回来,并不是使用js生成的图片。
将官方的请求地址修改成我们代码的地址。
它这里是生成了一个form发送了请求之后又清除了这个form,发送的数据就是svg数据,以及文件名宽度等数据信息。
highcharts的图表就是使用svg格式显示的。
附一个svg数据格式的介绍:
http://baike.baidu.com/link?url=QLNwuVWHvxtBw075wHb6IztcTa4k2TTLE96-ZJKIjVpYOHDyv-1Pxhzb-m1F8yu7KDALj_F0Gh3FYEUNLM3PJxX1n5QuTdOEnjemhpDG04_
3.然后打开nuget,添加SVGRenderingLibrary。
没有nuget的可以到http://svg.codeplex.com/去下载dll。
4.添加了引用之后在代码中创建一个公用方法,添加以下代码。
这个是根据svg的xml数据生成一个图片的方法,需要使用到上面第三步添加的东西。
publicstaticBitmapCreateSvgBitmap(stringSvgStr,intWidth)\r\n{\r\nSvgDocumentsvgDoc;\r\n\r\n//CreateaMemoryStreamfromSVGstring.\r\nusing(MemoryStreamstreamSvg=newMemoryStream(Encoding.UTF8.GetBytes(SvgStr)))\r\n{\r\nsvgDoc=SvgDocument.Open<SvgDocument>(streamSvg);\r\n}\r\n\r\n//ScaleSVGdocumenttorequestedwidth.\r\nsvgDoc.Transforms=newSvgTransformCollection;\r\nfloatscalar=(float)Width/(float)svgDoc.Width;\r\nsvgDoc.Transforms.Add(newSvgScale(scalar,scalar));\r\nsvgDoc.Width=newSvgUnit(svgDoc.Width.Type,svgDoc.Width*scalar);\r\nsvgDoc.Height=newSvgUnit(svgDoc.Height.Type,svgDoc.Height*scalar);\r\nreturnsvgDoc.Draw;\r\n}
5.然后写控制器请求以及返回代码数据,因为提交请求里有xml数据mvc会自动拦截,需要添加ValidateInput(false)标记下。
返回的时候需要添加这段代码,表示返回的是附件,否则页面就直接跳转了。
Response.Headers.Add(“Content-Disposition”,string.Format(“attachment;filename={0}”,filename));
我这里功能只需要导出图片格式的,所以去掉了其他格式。
[ValidateInput(false)]\r\npublicFileContentResultExportCharts(stringfilename,stringtype,stringsvg)\r\n{\r\nif(string.IsNullOrEmpty(svg))\r\nreturnnull;\r\n\r\nintwidth=1000;\r\nMemoryStreamfileStream=newMemoryStream;\r\nBitmapimg=ChartsUtils.CreateSvgBitmap(svg,width);\r\nswitch(type)\r\n{\r\ncase”image/jpeg”:\r\nimg.Save(fileStream,ImageFormat.Jpeg);\r\nbreak;\r\ncase”image/png”:\r\nimg.Save(fileStream,ImageFormat.Png);\r\nbreak;\r\ncase”image/svg+xml”:\r\nStreamWriterwriter=newStreamWriter(fileStream);\r\nwriter.Write(svg);\r\nwriter.Flush;\r\nbreak;\r\ndefault:\r\nthrownewInvalidOperationException(string.Format(“ContentType'{0}’isinvalid.”,type));\r\n}\r\nfileStream.Flush;\r\nResponse.Headers.Add(“Content-Disposition”,string.Format(“attachment;filename={0}”,filename));\r\nreturnFile(fileStream.ToArray,type);\r\n}
6.最后,功能完成。
附上git上的一个参考代码地址。
https://github.com/imclem/Highcharts-export-module-asp.net
关于本次cmvc怎么发布网站源码分享和的问题分享到这里就结束了,如果解决了您的问题,我们非常高兴。
