js抓取图片颜色

最新推荐文章于 2024-01-05 00:55:34 发布

nic7968

最新推荐文章于 2024-01-05 00:55:34 发布

阅读量3.3k

点赞数

分类专栏： Web

108 篇文章 0 订阅

订阅专栏

http://www.project-sierra.de/ImageColorPicker/example/

<!doctype html>
	<html>
	<head>
	<title>Test Template</title>
	<script src="../dist/jquery-1.4.4.min.js"type="text/javascript"></script>
	<script src="../dist/jquery-ui-1.8.9.custom.min.js"type="text/javascript"></script>
	<script src="../dist/jquery.ImageColorPicker.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){

	$("#test").ImageColorPicker({
	afterColorSelected: function(event, color){ $("#result_test").text(color); }
	});

	$("#test2").ImageColorPicker({
	afterColorSelected: function(event, color){ $("#result_test2").text(color); }
	});

	});
	</script>
	<!-- reset CSS -->
	<link rel="stylesheet" href="http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css"type="text/css" media="screen"charset="utf-8"/>
	<link rel="stylesheet" href="../dist/ImageColorPicker.css"type="text/css" media="screen"charset="utf-8"/>
	<style type="text/css">

	</style>
	</head>
	<body>
	<table>
	<tr>
	<td>
	<img src="test.png"alt="" id="test" />
	<div id="result_test"></div>
	</td>
	<td>
	<img src="test2.jpg"alt="" id="test2" />
	<div id="result_test2"></div>
	</td>
	</tr>


	</table>
	</body>
	</html>

优惠劵

关注关注