Canvas-getImageData()用鼠标移动和点击来后去移动点或点击点的颜色RGBA值

最新推荐文章于 2024-06-02 23:26:49 发布

taojunhust2

最新推荐文章于 2024-06-02 23:26:49 发布

阅读量1k

点赞数 1

文章标签： html5 javascript html

本文链接：https://blog.csdn.net/weixin_47024922/article/details/120576907

版权

首先声明：这个代码案例来源于：
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas#%E7%BC%A9%E6%94%BE%E5%92%8C%E5%8F%8D%E9%94%AF%E9%BD%BF
不过其中代码运行出现一些问题。自己做了修改后完成。

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <title>Canvas-像素操作</title>
     </head>
     <body>
          <canvas id="canvas" width="300" height="227"></canvas>
          <canvas id="canvas2" width="300" height="200"></canvas>
          <canvas id="canvas3" width="300" height="200"></canvas>



     </body>

          <script>
               /*
               var canvas=document.getElementById("canvas");
               var ctx=canvas.get

最低0.47元/天解锁文章

优惠劵

taojunhust2

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Canvas-getImageData()用鼠标移动和点击来后去移动点或点击点的颜色RGBA值

首先声明：这个代码案例来源于：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas#%E7%BC%A9%E6%94%BE%E5%92%8C%E5%8F%8D%E9%94%AF%E9%BD%BF不过其中代码运行出现一些问题。自己做了修改后完成。<!DOCTYPE html><html lang="en"><head>
复制链接

扫一扫