| Index: src/site/samples/imagefilters/example/index.html
|
| diff --git a/src/site/samples/imagefilters/example/index.html b/src/site/samples/imagefilters/example/index.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..aa059502c673743f4c9a0db297e70122dbceffad
|
| --- /dev/null
|
| +++ b/src/site/samples/imagefilters/example/index.html
|
| @@ -0,0 +1,80 @@
|
| +<!DOCTYPE html>
|
| +
|
| +<!--
|
| + Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file
|
| + for details. All rights reserved. Use of this source code is governed by a
|
| + BSD-style license that can be found in the COPYING file.
|
| +-->
|
| +
|
| +<html>
|
| + <head>
|
| + <meta charset="utf-8">
|
| + <title>Image Filters in Dart</title>
|
| + <link rel="stylesheet" href="imagefilters.css">
|
| + </head>
|
| + <body>
|
| + <h1>Image Filters in Dart</h1>
|
| +
|
| + <p>Image Filters with Canvas</p>
|
| +
|
| + <div id="container">
|
| + <figure>
|
| + <img class="orig" src="images/demo_small.png" width="600" height="337">
|
| + <figcaption>The original test image</figcaption>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="grayscale" width="600" height="337"></canvas>
|
| + <button name="grayscale">apply grayscale filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="brightness" width="600" height="337"></canvas>
|
| + <button name="brightness">apply brighten filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="threshold" width="600" height="337"></canvas>
|
| + <button name="threshold">apply threshold filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="sharpen" width="600" height="337"></canvas>
|
| + <button name="sharpen">apply sharpen filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="blur" width="600" height="337"></canvas>
|
| + <button name="blur">apply blur filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="sobel" width="600" height="337"></canvas>
|
| + <button name="sobel">apply sobel filter</button>
|
| + </figure>
|
| +
|
| + <figure>
|
| + <canvas id="custom" width="600" height="337"></canvas>
|
| + <div id="customMatrix">
|
| + <input type="text" value="1" size="3">
|
| + <input type="text" value="1" size="3">
|
| + <input type="text" value="1" size="3">
|
| + <br>
|
| + <input type="text" value="1" size="3">
|
| + <input type="text" value="0.7" size="3">
|
| + <input type="text" value="-1" size="3">
|
| + <br>
|
| + <input type="text" value="-1" size="3">
|
| + <input type="text" value="-1" size="3">
|
| + <input type="text" value="-1" size="3">
|
| + <br>
|
| + </div>
|
| + <button name="custom">apply custom filter</button>
|
| + </figure>
|
| +
|
| + </div>
|
| +
|
| + <script type="application/dart" src="imagefilters.dart"></script>
|
| + <script src="packages/browser/dart.js"></script>
|
| + </body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 30853002:
Added several more HTML5 samples (Closed)
Base URL: https://github.com/dart-lang/dartlang.org.git@master