使用JavaScript怎么编写一个256色转灰度图功能

本文章向大家介绍使用JavaScript怎么编写一个256色转灰度图功能，主要包括使用JavaScript怎么编写一个256色转灰度图功能的使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

创新互联于2013年成立，我们提供高端网站建设、微信小程序开发、电商视觉设计、app软件开发公司及网络营销搜索优化服务，在传统互联网与移动互联网发展的背景下，我们坚守着用标准的设计方案与技术开发实力作基础，以企业及品牌的互联网商业目标为核心，为客户打造具商业价值与用户体验的互联网+产品。

JavaScript可以做什么

1.可以使网页具有交互性，例如响应用户点击，给用户提供更好的体验。 2.可以处理表单，检验用户的输入，并提供及时反馈节省用户时间。 3.可以根据用户的操作，动态的创建页面。 4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。

灰度化方法：

        1.浮点算法：Gray = R*0.299 + G*0.587 + B*0.114　　

        2.整数方法：Gray = (R*299 + G*587 + B*114 + 500) / 1000　

        3.移位方法：Gray =(R*28+G*151+B*77)>>8; 　　

        4.平均值法：Gray=（R+G+B）/3; 　　

        5.仅取绿色：Gray=G；

        只要将原来的RGB(R,G,B)中的R,G,B统一用Gray替换，形成新的RGB(Gray,Gray,Gray)就完成灰度化了；

效果图：

代码如下：

 
 
 
 
 .scream{
 width:400px;
 height:300px;
 position: absolute;
 top:60px;
 border: 1px solid;
 }
 #canvas{
 position: absolute;
 top:60px;
 left:500px;
 border: 1px dashed;
 }