js canvas实现画图、滤镜效果

本文实例为大家分享了canvas实现画图、滤镜效果的具体代码，供大家参考，具体内容如下

1、用canvas来实现画图的代码如下：

 
 
 
  body {background:black; text-align:center}
  #v1 {background:white}
 
 

代码的运行结果如图：

2、用canvas来实现滤镜效果，其实就是像素级操作。代码如下：代码中的1.jpg为网上找的风景图，可自行寻找。

 
 
 
  body {background:black; text-align:center}
  #v1 {background:white}
 
 

代码运行效果截图：该图为变黄效果。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。