36 lines
844 B
HTML
36 lines
844 B
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>canvas读取图片</title>
|
||
<script src="../dep/esl.js"></script>
|
||
<script src="../dep/jquery.min.js"></script>
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<input id="upload-file" type="file">
|
||
灰度阈值：<input id="threshold-gray" type="range" min="0" max="255" value="200">
|
||
alpha阈值：<input id="threshold-alpha" type="range" min="0" max="255" value="50">
|
||
</div>
|
||
<canvas id="canvas" width="800" height="800"></canvas>
|
||
<script>
|
||
require.config({
|
||
baseUrl: '../src',
|
||
paths: {
|
||
demo: '../demo/js',
|
||
}
|
||
});
|
||
define('jquery', $);
|
||
</script>
|
||
|
||
<script>require(['demo/canvasImage'])</script>
|
||
</body>
|
||
</html>
|