alloy团队基于canvas的图片处理插件AlloyImage

最新推荐文章于 2024-03-17 09:46:20 发布
原创 最新推荐文章于 2024-03-17 09:46:20 发布 · 3.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#图像处理 #alloyimage #canvas #h5

本文介绍了AlloyTeam开发的AlloyImage图片处理插件的使用经验，包括遇到的问题及解决方案。在Android微信中使用时，因X5浏览器原因可能导致图片点击后消失，解决办法是在点击前重新触发原图点击事件。此插件基于canvas，建议读者具备H5 Canvas基础知识。官方Demo可在服务器环境下访问。

题外话：这篇文章主要是因为前端时间写项目过程中 自己学习的alloy的图片处理插件AlloyImage的使用  中间遇到了一些问题  在这里写出来   希望对有的朋友有所帮助

这个是alloy团队的github项目地址  https://github.com/AlloyTeam/AlloyPhoto


先上效果图

最低0.47元/天 解锁文章
一个基于canvas的移动端图片编辑插件
07-10
该插件是一款脱离jq的移动端图片编辑器。可以应用在移动端H5页面或者微信小程序中。
专业级Web图像处理引擎 AlloyImage
07-23
专业级Web图像处理引擎 AlloyImage
alloyImage基于canvas的图片插件demo
01-01
alloyImage基于canvas的图片插件demo.rar
HTML5开源专业图像处理引擎——AlloyImage(简称AI)
weixin_34138255的博客
03-26 185
腾讯Web前端 AlloyTeam 和 HTML5梦工场 为了推进HTML5技术在业界的广泛深入的应用，近日推出了历时n个月开发的基于HTML5开发的开源专业图像处理引擎——AlloyImage(简称AI)，主要由AlloyTeam的Dorsywang(王斌)同学研发。 AlloyImage是一个使用Javascript语言开发的，基于Web的在线图像处理引擎，除了核心底层图像处理引擎，还同时集成...
alloyImage图片插件的canvas应用及示例
标题“alloyImage基于canvas的图片插件demo”中揭示出的知识点是关于一个名为“alloyImage”的图片处理插件。这个插件是基于HTML5的Canvas元素实现的，旨在提供图片处理的功能。Canvas是HTML5中提供的一种通过...
移动端Canvas图片编辑插件：无需jq，适用于H5及小程序
标题中提到的“基于canvas的移动端图片编辑插件”揭示了该插件技术实现的核心，即使用HTML5的Canvas元素。Canvas是HTML5提供的一个用于在网页上绘制图形的API，它特别适合用于动态渲染图形，如图表、图片编辑等。...
简介 AlloyImage - 基于HTML5技术的专业图像处理库
hsg77的专栏
05-31 2607
AlloyImage - 基于HTML5技术的专业图像处理库 功能特性 强大功能 基于多图层操作 -- 一个图层的处理不影响其他图层与PS对应的17种图层混合模式 -- 便于PS处理教程的无缝迁移多种基本滤镜处理效果 -- 基本滤镜不断丰富、可扩展基本的图像调节功能 -- 色相、饱和度、对比度、亮度、曲线等 便捷开发 简单快捷的API -- 链式处理、API简洁易用、传参灵活多种
AlloyPhoto 图像处理，兼容手机端、allouimage.js
ZC
06-29 1882
前两天接到个新的需求：用户在上传照片时需要进行美化下。 实现处理效果如上图所示，图片上传部分就不贴出来了。 主要运用alloyimage这个图像处理引擎（是由腾讯Web前端AlloyTeam推出的一个开源项目http://alloyteam.github.io/AlloyPhoto/）使用到的js有zepto.js、iscroll.js、allouimage.js
基于canvas的前端图片编辑器
08-11
基于canvas的纯前端的图片编辑器，支持方形，圆形，箭头，缩放，拖拽，鹰眼，马赛克，涂鸦，线条，导出png，剪切等
HTML5专业级图像处理引擎(AlloyImage) v1.1腾讯开源版.rar
07-09
一个基于HTML5技术的专业级图像处理引擎——AlloyImage(简称AI)，以及一个在线Web图像处理平台——AlloyPhoto(简称AP)。这预示着腾讯的Web前端团队将在底层基础技术层面做深入研究，并将更多的为业界提供基础技术服务，同时也将与HTML5梦工场一起推动HTML5技术在业界的广泛深入的应用。 AlloyImage主要使用html5的canvas技术，并在多图层（layer）处理方面做了创新性的尝试，不仅如此，在技术实现层面，其架构方便扩展，使用者可以很容易写出现一个AlloyImage的滤镜插件，很多API支持重载，参数传递灵活。 后续AlloyImage将会持续更新，将更多的处理效果与工具加入到其中，并且会在性能方面做出一些优化与尝试，AlloyImage将力求做一个开放、开源的强大的js图像库。 AlloyImage是一个使用Javascript语言开发的，基于Web的在线图像处理引擎，除了核心底层图像处理引擎，还同时集成了一些方便快捷的图像处理API，您可以将它简单快捷的引用到您的Web网页中，做出与photoshop一样的优美效果。甚至，你可以用AlloyImage来开发一个Web在线图像处理软件，如：Web版的Photoshop——AlloyPhoto。   设计理念： 简单代码做复杂事情—-It seems like so simple!这是腾讯Web前端团队AlloyTeam的设计理念，团队将会把AlloyImage打造成Web业界图像处理的标准开源的体系，欢迎大家的使用，同时也欢迎各位牛人参与到开源项目中来！ AlloyImage特性： 1.API简单易用2.提供进一步封装的组合效果3.高级组合效果，如素描，lomo，复古，素描等复合效果 如一个素描效果的实现4.图层功能，提供图层的添加，删除，交换图层顺序等功能，且包含与PS相对应的17种图层混合模式5.图像的基本调节功能，包括亮度、对比度，色相、饱和度、明度调节6.多种滤镜功能，去色、反相、高斯模糊、锐化、浮雕效果、查找边缘、马赛克、腐蚀等7.处理后文件的保存，处理完成之后，可以将文件输出为base64形式间接使用和保存
基于AlloyImage图像处理库的应用AlloyPhoto.zip
07-19
AlloyPhoto 是基于 AlloyImage 图像处理库的应用。 标签：AlloyPhoto
图片剪裁插件纯代码H5
04-16
图片剪裁插件纯代码H5，使用copper插件，去除繁琐代码
AlloyPhotoFrameWidget:钛合金相框小部件
06-23
合金相框小工具 钛合金相框小部件 这部分受到关于如何显示和翻阅照片的启发。 用法 var photoWindow = Alloy . createWidget ( "AlloyPhotoFrameWidget" ) . createWindow ( { data : data , interval : 3000 } ) ; photoWindow . open ( ) ;
canvas实现的图片编辑库及使用案例
12-11
使用canvas实现的 导入图片,图片扩大,图片缩小,选中图片,支持图片的事件,可以移动图片
HTML5 AlloyImage( Web图片处理)
weixin_30568591的博客
04-17 607
Welcome to AlloyImage.AlloyImage（AI)是一个基于html5技术的JS图像处理库，集成了一些方便快捷的图像处理API，您可以将它引用到您的网页中，结合css3等技术，做出一些之前无法做到的优美效果，或者，提供一个用JS编写的在线图像处理工具等。设计理念简单代码做复杂事情----It seems like so simple!1.接口调用简单2.提供进一步封...
html5 图片处理 开源,AlloyImage 基于 HTML5 的专业级图像处理开源引擎 - 文章教程...
weixin_35540389的博客
06-04 521
AlloyImage(AI)是一个基于html5技术的JS图像处理库，集成了一些方便快捷的图像处理API，您可以将它引用到您的网页中，结合css3等技术，做出一些之前无法做到的优美效果，或者，提供一个用JS编写的在线图像处理工具等。功能特性强大功能基于多图层操作 — 一个图层的处理不影响其他图层与 PS 对应的17种图层混合模式 — 便于PS处理教程的无缝迁移多种基本滤镜处理效果 — 基本滤镜不断...
推荐一款强大的图像处理库 - AlloyImage
最新发布
gitblog_00074的博客
03-17 625
推荐一款强大的图像处理库 - AlloyImage AlloyImage 基于HTML5的专业级图像处理开源引擎。An image processing lib based on html5. 项目地址: https://gitcode.com/gh_mirror...
html语言图像处理,HTML5的专业级图像处理引擎(AlloyImage)
weixin_29614223的博客
06-04 349
一个基于HTML5技术的专业级图像处理引擎——AlloyImage(简称AI)，以及一个在线Web图像处理平台——AlloyPhoto(简称AP)。这预示着腾讯的Web前端团队将在底层基础技术层面做深入研究，并将更多的为业界提供基础技术服务，同时也将与HTML5梦工场一起推动HTML5技术在业界的广泛深入的应用。AlloyImage主要使用html5的canvas技术，并在多图层(layer)处理...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值