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视频广告等广告平台的移动广告优化工具,帮助开发者提高广告收入。
在页面中引入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视频广告等广告平台的移动广告优化工具,帮助开发者提高广告收入。
相关文章推荐
- jQuery实现简单的点赞效果
- jQuery+Ajax实现无刷新操作
- jquery-ui draggable參數方法事件
- jquery ui tabs 获取当前被选中标签的索引值
- jquery/js当前URL对当前栏目高亮突出显示
- 基于jquery封装的一个简单web右键菜单
- jquery操作select(取值,设置选中)
- jquery中prop()方法和attr()方法的区别
- jQuery——自定义事件
- jquery中cookie用法实例详解(获取,存储,删除等)
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- jQuery AJAX实现调用页面后台方法
- 浅析JQuery中的html(),text(),val()区别
- jQuery轻量级响应式图片轮播插件ResponsiveSlides.js(仅1kb)
- jQuery提示插件alertify使用指南!
- jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
- jQuery中data方法内部运行原理
- jquery-懒加载技术(简称lazyload)
- jquery中attr和prop的区别
- jQuery提示插件alertify使用指南