直接上代码示例
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<meta charset="utf-8">
<title>获取图片像素颜色,修改图片像素颜色</title>
<style type="text/css">
body {
margin: 0px;
background: #f2f2f0;
}
#img-box {
position: absolute;
}
</style>
<script type="text/javascript">
window.onload = function() {
var myCanvas = document.getElementById('my-canvas');
var myContext = myCanvas.getContext('2d');
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var imgBox = document.getElementById('img-box');
var x = 0,
y = 0;
var img_width = 0,
img_height = 0;
var myColor = []
imgBox.addEventListener('click', function(