本文章向大家介绍使用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)就完成灰度化了；
效果图：
代码如下：
ImgBase
.scream{
width:400px;
height:300px;
position: absolute;
top:60px;
border: 1px solid;
}
#canvas{
position: absolute;
top:60px;
left:500px;
border: 1px dashed;
}
