利用HTML5中Canvas处理并存储图片

12. H = imageData.height，

13. RET = ctx.createImageData（W，H）;

14. 对  （我= 0;我

15. {

16. 为  （J = 0;Ĵ

17. {

18. 无功  指数=（I *高+ J）* 4;

19. 无功  红= imageData.data [指数];

20. 变种  绿色= imageData.data [索引1];

21. 无功  蓝色= imageData.data [索引2];

22. 无功  字母= imageData.data [指数3];

23. 变种  平均=（红+绿+蓝）/ 3;

24. ret.data [索引] =平均值;

25. ret.data [索引1] =平均值;

26. ret.data [索引2] =平均值;

27. ret.data [指数3] =阿尔法;

28. }

29. }

30. 返回  RET;

31. }，

32. / /生成的ImageData

33. 了createImageData：  函数（CTX，ORI，从，W，H）{

34. 无功  RET = ctx.createImageData（W，H）;

35. 无功  总= W * H * 4;

36. 从=从*宽* 4;

37. 为  （变种  I = 0我“总，我+ +）{

38. ret.data由[i] = ori.data [从+ I];

39. }

40. 返回  RET;

41. }，

42. / /生成的ImageData

43. / /对称图像反转

44. createImageDataTurn：  函数（CTX，ORI，从，W，H）{

45. 无功  RET = ctx.createImageData（W，H）;

46. 无功  总= W * H * 4;

47. 从=从*宽* 4;

48. 为  （变种  J = 0;Ĵ

49. 为  （变种  I = 0;我

50. 变种   A =（十* W + I）* 4，

51. B =从+ A，

52. C =（十* W + W-1）* 4;

53. ret.data [C + +] = ori.data [B + +];

54. ret.data [C + +] = ori.data [B + +];

55. ret.data [C + +] = ori.data [B + +];

56. ret.data [C + +] = ori.data [B + +];

57. }

58. }

59. 返回  RET;

60. }，

61. / /将整个图片设置为某一颜色值

62. setColorR：  函数（CTX，为imageData中，n）{

63. 无功  W = imageData.width，

64. H = imageData.height，

65. RET = ctx.createImageData（W，H）;

66. 无功  总= W * H * 4;

67. 为  （变种  I = 0;我

68. ret.data由[i] = N;  / /为imageData [I];

69. ret.data [I +1] = imageData.data由[i +1];

70. ret.data [I 2] = imageData.data [I + 2];

71. ret.data [I +3] = imageData.data [I + 3];

72. }

73. 返回  RET;

74. }，

75. / /将整个图片设置为某一颜色值

76. setColorG：  函数（CTX，为imageData中，n）{

77. 无功  W = imageData.width，

78. H = imageData.height，

79. RET = ctx.createImageData（W，H）;

80. 无功  总= W * H * 4;

81. 为  （变种  I = 0;我

82. 无功  红= imageData.data [I]，

83. 绿色= imageData.data [I +1]，

84. 蓝色= imageData.data由[i +1];

85. 变种  A =（红+绿+蓝）/ 3;

86. ret.data由[i] = A;

87. ret.data由[i +1] = A + N;

88. ret.data [I 2] =一;

89. ret.data [I +3] = imageData.data [I + 3];

90. }

91. 返回  RET;

92. }，

93. / /将整个图片设置为某一颜色值

94. setColorB：  函数（CTX，为imageData中，n）{

95. 无功  W = imageData.width，

96. H = imageData.height，

97. RET = ctx.createImageData（W，H）;

98. 无功  总= W * H * 4;

99. 为  （变种  I = 0;我

100. ret.data由[i] = imageData.data由[i];

101. ret.data [I +1] = imageData.data由[i +1];

102. ret.data [I 2] = N;

103. ret.data [I +3] = imageData.data [I + 3];

104. }

105. 返回  RET;

106. }，

107. / /高亮整个图片

108. 突出：  函数（CTX，为imageData，N）{

109. 无功  W = imageData.width，

110. H = imageData.height，

111. RET = ctx.createImageData（W，H）;

112. 无功  总= W * H * 4;

113. 为  （变种  I = 0;我

114. ret.data由[i] = imageData.data由[i] + N;

115. ret.data由[i +1] = imageData.data由[i +1] + N;

116. ret.data由[i +1] = imageData.data [I + 2] + N;

117. ret.data [I +3] = imageData.data [I + 3];

118. }

119. 返回  RET;

120. }，

121. / /去色紫色247，0，255

122. removeColor：  函数（CTX，为imageData，R，G，B）{

123. 无功  W = imageData.width，

124. H = imageData.height，

125. RET = ctx.createImageData（W，H）;

126. 无功  总= W * H * 4;

127. 为  （变种  I = 0;我

128. 无功  红= imageData.data [I]，

129. 绿色= imageData.data [I +1]，

最后

a.width，

124. H = imageData.height，

125. RET = ctx.createImageData（W，H）;

126. 无功  总= W * H * 4;

127. 为  （变种  I = 0;我

128. 无功  红= imageData.data [I]，

129. 绿色= imageData.data [I +1]，

最后