您的位置:首页 > Web前端 > JQuery

Html5添加canvas图像导出为多种格式图片的jQuery插件教程

2016-01-04 16:50 841 查看
一、使用方法

在页面中引入jQuery和export-canvas.js文件。

<script src="jquery.min.js"></script>

<script src="js/export-canvas.js"></script>   

二、导出图片

var exampleCanvasID = "myCanvas";

var exportCanvas = new ExportCanvas();

 

exportCanvas.loadConfigFile("core/config/config.js");

exportCanvas.loadLanguageFile("core/language/de.js");

 

exportCanvas.setMimeType("image/jpeg");

 

exportCanvas.setExportQuality(1.0);

 

exportCanvas.export(exampleCanvasID, function() {

               

 }, function(getLastReport) {

                              

});

 

exportCanvas.export(exampleCanvasID);

 

window.onload = function() {

 

exportCanvas.export(exampleCanvasID);

插件中提供了两种语言:德语和英语。可以通过.loadLanguageFile()方法来切换。setMimeType()方法用于设置导出图片的类型。setExportQuality()是导出图片的质量,取值在0.1-1.0之间。最后可以使用export方法来导出图片。

多米移动广告是整合admob广告、iad、mmedia、广点通、百度广告、adcolony视频广告等广告平台的移动广告优化工具,帮助开发者提高广告收入。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: