html5实现简单的颜色拾取

最新推荐文章于 2021-06-14 12:48:01 发布

lyf08600231

最新推荐文章于 2021-06-14 12:48:01 发布

阅读量3k

点赞数

分类专栏： canvas

本文链接：https://blog.csdn.net/lyf08600231/article/details/8824211

版权

注意，只有将例子传上web服务器或者本地开发环境才能看见效果。因为图像和控制画布不在同一个位置，画布对于这个图像的访问将会受到严格的限制。

本例子使用了jquery框架

getColor函数可以传1-6个参数

html:

<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>颜色拾取</title>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/getColor.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
	var canvas=$("#myCanvas");
	//getColor(canvas);
	//getColor(canvas,"img/example.jpg",200);
	getColor(canvas,"img/example.jpg",0,30,200,200);
	});
</script>
<link type="text/css" rel="stylesheet" href="css/test.css">
</head>

<body>
<canvas id="myC

最低0.47元/天解锁文章

lyf08600231

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html5实现简单的颜色拾取

注意，只有将例子传上web服务器或者本地开发环境才能看见效果。因为图像和控制画布不在同一个位置，画布对于这个图像的访问将会受到严格的限制。本例子使用了jquery框架getColor函数可以传1-6个参数html:颜色拾取$(document).ready(function(){ var canvas=$("#myCanvas"); //getColor(canv
复制链接

扫一扫