Technology moves fast! ⚡ Don't get left behind.🚶 Subscribe to our mailing list to keep up with latest and greatest in open source projects! 🏆


Subscribe to our mailing list

AlloyImage

基于HTML5的专业级图像处理开源引擎。An image processing lib based on html5.

Subscribe to updates I use AlloyImage


Statistics on AlloyImage

Number of watchers on Github 1972
Number of open issues 15
Average time to close an issue 7 months
Main language JavaScript
Average time to merge a PR 4 days
Open pull requests 0+
Closed pull requests 2+
Last commit about 2 years ago
Repo Created over 6 years ago
Repo Last Updated over 1 year ago
Size 18.3 MB
Homepage http://alloyteam....
Organization / Authoralloyteam
Contributors5
Page Updated
Do you use AlloyImage? Leave a review!
View open issues (15)
View AlloyImage activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating AlloyImage for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

AlloyImage - HTML5

  1. --
  2. PS17 -- PS
  3. --
  4. --
  1. API -- API
  2. --
  3. --
  4. -- API
  5. --
  1. --
  2. --

1. >>>webkit: (<1s)

2.Win8 Metro >>>Win8IE10

3.Mobile APP >>>AndriodIOSwebphoneGap, mobile web

git cloneAlloyPhoto

 git clone git://github.com/AlloyTeam/AlloyPhoto.git

npmmodjs

 npm install -g modjs

:

cd AlloyPhoto && mod dist

./js/combinedalloyimage.js

AlloyImage 1.2

release

AlloyImage 1.2

  1. Filter


  2. Gamma
  3. Alteration
  4. IOSbug
API 1.2

$AI AlloyImage

AlloyImage
AIObj $AI(HTMLImageObj img[, Number width, Number height]);
{img}
{width}
{height}
width heightnullimg tips: IOSwidthIOSCanvas

var ps = $AI(img, 600).save('jpg', 0.6);

save

base64
base64String save(String filetype [, Number comRatio]);

{filetype} png,jpg,gif
{comRatio} jpg0 - 1

base64

var string = AlloyImage(img).save('jpg', 0.8);

saveFile


void saveFile(String fileName[, Number comRatio]);

{fileName} png
{comRatio} jpg0 - 1

img.onclick = function(){
        AlloyImage(this).saveFile('.jpg', 0.8);
}

download

saveFile

 

transform


AIObj transform(Array Matrix);

{Matrix} [a1, a2, b1, b2, dx, dy]
[-1, 0, 0, 1, 0, 0]

//
AlloyImage(img).transform([1, 0, 0, -1, 0, 0]).show();

 

scaleTo


AIObj scaleTo(Number width, Nubmer height);

{width}
{height}



AIObj

//100px * 100px
AlloyImage(img).scaleTo(100, 100).show();

//50px
AlloyImage(img).scaleTo(null, 100).show();

scale


AIObj scale(Number xRatio, Nubmer yRatio);

{xRatio}
{yRatio}



AIObj

//2 * 2
AlloyImage(img).scale(2, 2).show();

//3
AlloyImage(img).scale(3).show();

rotate


AIObj rotate(Numbe degree);

{degree}


AIObj

//30
AlloyImage(img).rotate(30).show();

clip


AIObj rotate(Numbe x0, Number y0, Number width, Number height);

{x0}
{y0}
{width}
{height}


AIObj

//(30, 30)100px100pxbase64
var imgString = AlloyImage(img).clip(30, 30, 100, 100).save('jpg', 0.8);

drawRect


void drawRect(String seletor, String channel);

{seletor} wrapper
{channel} 'RG', 'GB', 'RGB'

var imgString = AlloyImage(img).drawRect('#p');

doView

viewviewdoViewundoView
AIObj doView();
AIObj
undoView

 

undoView

view AIObj undoView(); AIObj

var layer = $AI(img);
layer.view("setHSI", 10, 0, 0).show();

//  
layer.view("setHSI", -10, 0, 0).show();

// 
layer.doView();

// 
layer.view("brightness", 10, 0, 0).show();

//  
layer.undoView().show();

// 
layer.undoView().show();

AlloyImage 1.1

  1. 80%

AlloyImage 1.0

--build

--combined

--demo demo

--doc

--release

--res

--src JS

alloyimage.base.js core base

--module

  --alteration     

   --filter         

--test

AlloyImage

AlloyDesigner

AlloyClip

AlloyPhoto

AlloyImage open issues Ask a question     (View All Issues)
  • over 3 years [小BUG]1.2b 不支持传入canvas
  • over 3 years Array.prototype.del 导致for 异常
  • about 4 years iPhone浏览器里,读取这张图后重新show()出来,图会破。
  • about 4 years AlloyImageObj add方法中dx,dy如果是小数,被add的图层会破或失真。
  • over 4 years Tools()参数冗余
  • over 4 years 图片能不能加文字?
  • almost 5 years AlloyPhoto:运行多次柔焦效果后,该效果运行速度会大大降低,且无法恢复至原运行速度
  • over 5 years 当在ipad上对系统读入的照片进行操作时,缩小并旋转了
  • over 5 years 在phonegap的android应用中不能返回结果
AlloyImage list of languages used
Other projects in JavaScript