百度贴吧图片处理技术分享.ppt

贴吧图片组件简介 李孟君 2013.4.18 1. HTML5带来的图片新技术 2. 我们的应用 2. 各个类之间的关系 图片上传——Api列表 startUpload() 开始上传 stopUpload() 暂停上传 continueUpload() 继续上传 clearList() 清除所有上传文件 appendFile(file:File) 加入要上传的文件 uploadBase64(base64) 上传base64 deleteFile(id) 删除文件 Canvas图片上传——使用Api Canvas图片上传——流程 Flash图片上传——使用Api Flash图片上传——流程 图片上传——使用实例 图片上传——使用实例 图片上传——组件发展 图片水印——Api列表 merge(options:Object) 开始合并 * options.imageUrl 需要处理的图片的url * options.text 文本选项 * options.text.content 要添加的文字 * options.text.x 文本的x坐标 * options.text.y 文本的y坐标 * options.text.width 文本的最大宽度 * options.font.lineHeight 文本的行高 * options.font.color 文字颜色(如：#ffffff) * options.font.family 文字字体(如：微软雅黑) * options.font.size 文字字号(像素值) 图片水印——使用实例 图片水印——流程 图片水印——组件发展 图片美化——Api列表 setSource(source:Image|Canvas) 设置要美化的图片或者canvas showDialog() 显示美化窗口 restart() 重新开始 isLocked() 当前是否正在处理中 show/hideMessage(message:String) 显示/隐藏处理信息 图片美化——使用Api 图片美化——流程 图片美化——使用实例 图片美化——组件发展 拖拽上传——使用实例 未来的图片组件 ThanksQ A