Index: src/site/samples/imagefilters/index.markdown |
diff --git a/src/site/samples/imagefilters/index.markdown b/src/site/samples/imagefilters/index.markdown |
new file mode 100644 |
index 0000000000000000000000000000000000000000..72531867d9036e94d2137bbf6ee94aed20e79dd3 |
--- /dev/null |
+++ b/src/site/samples/imagefilters/index.markdown |
@@ -0,0 +1,30 @@ |
+--- |
+layout: default |
+title: Using Image Filters With Canvas |
Kathy Walrath
2013/10/23 18:47:40
I wouldn't capitalize With (not a big deal)
|
+live_example_url: example/index.html |
+ |
+header: |
+ css: ["/samples/samples.css"] |
+--- |
+ |
+## {{ page.title }} |
+ |
+A port of the examples used in the |
+[Image Filters with Canvas](http://www.html5rocks.com/en/tutorials/canvas/imagefilters/) |
+article by Ilmari Heikkinen, originally published on HTML5Rocks. |
+ |
+The article describes how to use image filters with an HTML5 Canvas element. |
+It explains how to process pixels, run simple filters, and blur, |
+sharpen and emboss an image using convolution filters. |
+ |
+You can open the example in Dart Editor and run it by clicking `index.html`. |
+ |
+Read the |
+[source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/canvas/imagefilters). |
+ |
+<iframe class="running-app-frame" |
+ style="height:500px;width:100%;" |
+ src="{{page.live_example_url}}"> |
+</iframe> |
+ |
+See all [samples](/samples/). |