Index: chrome/test/data/third_party/kraken/hosted/explanations/darkroom.html |
diff --git a/chrome/test/data/third_party/kraken/hosted/explanations/darkroom.html b/chrome/test/data/third_party/kraken/hosted/explanations/darkroom.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3fc343119961837a6355ef92f78a96102d9b5c7b |
--- /dev/null |
+++ b/chrome/test/data/third_party/kraken/hosted/explanations/darkroom.html |
@@ -0,0 +1,256 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ |
+<meta charset=utf8> |
+<link type="text/css" href="jquery-ui-1.8.2.custom.css" rel="stylesheet"/> |
+<script type="text/javascript" src="jquery-1.4.2.min.js"></script> |
+<script type="text/javascript" src="jquery-ui-1.8.2.custom.min.js"></script> |
+ |
+<!-- |
+ Copyright (C) 2007 Apple Inc. All rights reserved. |
+ Copyright (C) 2010 Mozilla Foundation |
+ |
+ Redistribution and use in source and binary forms, with or without |
+ modification, are permitted provided that the following conditions |
+ are met: |
+ 1. Redistributions of source code must retain the above copyright |
+ notice, this list of conditions and the following disclaimer. |
+ 2. Redistributions in binary form must reproduce the above copyright |
+ notice, this list of conditions and the following disclaimer in the |
+ documentation and/or other materials provided with the distribution. |
+ |
+ THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY |
+ EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
+ IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
+ PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE COMPUTER, INC. OR |
+ CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
+ EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, |
+ PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR |
+ PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY |
+ OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
+ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
+ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
+--> |
+ |
+<title>Kraken JavaScript Benchmark: Gaussian Blur</title> |
+<link rel="stylesheet" href="../kraken.css"> |
+ |
+<script type="text/javascript" src="darkroom.js"></script> |
+<style> |
+#imagedisplay { |
+ width: 70%; |
+ /*background: blue;*/ |
+ padding-top: 15px; |
+ padding-bottom: 15px; |
+ float: left; |
+} |
+ |
+#imagedisplay-inner { |
+ width: 100%; |
+ height: 100%; |
+ -moz-border-radius: 30px; |
+ border: 30px dashed #eeeeee; |
+} |
+ |
+#controls { |
+ background: rgba(0, 0, 0, .5); |
+ width: 30%; |
+ min-width: 100px; |
+ float: right; |
+} |
+ |
+.blackbg #controls { |
+ color: white; |
+} |
+ |
+.graybg #controls { |
+ color: #aaaaaa; |
+} |
+ |
+#controls h4 { |
+} |
+ |
+.slidergroup { |
+ margin: 5px; |
+} |
+ |
+.slidergroup tr { |
+ font-size: 11px; |
+} |
+ |
+.slider { |
+ margin-left: 15px; |
+ margin-right: 15px; |
+} |
+ |
+body { |
+ font-family: sans-serif; |
+} |
+ |
+#log { |
+ font-size: 70%; |
+ margin-left: 10px; |
+ margin-right: 10px; |
+} |
+ |
+.indrag { |
+ background: rgba(0,128,128,.25); |
+ cursor: default; |
+} |
+ |
+.options { |
+ margin: 10px; |
+} |
+ |
+.canzoomin { |
+ cursor: -moz-zoom-in; |
+} |
+ |
+.canzoomout { |
+ cursor: -moz-zoom-out ! important; |
+} |
+ |
+.cangrab { |
+ cursor: -moz-grab; |
+} |
+ |
+.isgrabbing { |
+ cursor: -moz-grabbing ! important; |
+} |
+ |
+.blackbg { |
+ background: black; |
+} |
+ |
+.whitebg { |
+ background: white; |
+} |
+ |
+.graybg { |
+ background: gray; |
+} |
+ |
+span { |
+ font-size: 11px; |
+} |
+ |
+ </style> |
+ |
+</style> |
+</head> |
+ |
+<body> |
+<div id="content"> |
+<h2>Kraken JavaScript Benchmark: Darkroom</h2> |
+<div id="results"> |
+ <p>This benchmark performs a variety of photo manipulations. You can try these manipulations out in the interface below.</p> |
+ <p> </p> |
+ <div id="imagedisplay"> |
+ <center><canvas id="canvas"></canvas></center> |
+ </div> |
+ |
+ <div id="controls"> |
+ <div class="slidergroup"> |
+ <h4>Exposure</h4> |
+ <table border="0"> |
+ <tr> |
+ <td>Black Point</td> |
+ <td width="100%"><div class="slider" id="blackPoint"></div></td> |
+ </tr> |
+ |
+ <tr> |
+ <td>Fill</td> |
+ <td><div class="slider" id="fill"></div></td> |
+ </tr> |
+ <tr> |
+ <td>Brightness</td> |
+ <td><div class="slider" id="brightness"></div></td> |
+ </tr> |
+ |
+ <tr> |
+ <td>Contrast</td> |
+ <td><div class="slider" id="contrast"></div></td> |
+ </tr> |
+ <tr> |
+ <td>Saturation</td> |
+ <td><div class="slider" id="saturation"></div></td> |
+ </tr> |
+ |
+ <tr> |
+ <td>Temperature</td> |
+ <td><div class="slider" id="temperature"></div></td> |
+ </tr> |
+ </table> |
+ </div> |
+ <div class="slidergroup"> |
+ <h4>Tone Control</h4> |
+ |
+ <table border="0"> |
+ <tr> |
+ <td>Split Point</td> |
+ <td><div class="slider" id="splitPoint"></div></td> |
+ </tr> |
+ <tr><td><b>Shadows</b></td></tr> |
+ <tr> |
+ <td>Hue</td> |
+ |
+ <td width="100%"><div class="slider" id="shadowsHue"></div></td> |
+ </tr> |
+ <tr> |
+ <td>Saturation</td> |
+ <td><div class="slider" id="shadowsSaturation"></div></td> |
+ </tr> |
+ <tr><td><b>Highlights</b></td></tr> |
+ <tr> |
+ |
+ <td>Hue</td> |
+ <td><div class="slider" id="highlightsHue"></div></td> |
+ </tr> |
+ <tr> |
+ <td>Saturation</td> |
+ <td><div class="slider" id="highlightsSaturation"></div></td> |
+ </tr> |
+ </table> |
+ |
+ </div> |
+ |
+ <div class="slidergroup"> |
+ <h4>Geometry</h4> |
+ <table border="0" width="100%"> |
+ <tr><td>Angle (+/- 90.0)</td></tr> |
+ <tr> |
+ <td width="100%"><div class="slider" id="angle"></div></td> |
+ |
+ </tr> |
+ <tr><td>Fine Angle (+/- 2.0)</td></tr> |
+ <tr> |
+ <td><div class="slider" id="fineangle"></div></td> |
+ </tr> |
+ </table> |
+ </div> |
+ |
+ <div class="options"> |
+ |
+ <span>Background: <div style="display: inline-block; width: 15px; height: 15px; border: 1px solid white; background: black;" onclick="SetBackground(0);"></div> |
+ <div style="display: inline-block; width: 15px; height: 15px; border: 1px solid white; background: gray;" onclick="SetBackground(1);"></div> |
+ <div style="display: inline-block; width: 15px; height: 15px; border: 1px solid white; background: white;" onclick="SetBackground(2);"></div> |
+ </span><br> |
+ |
+ <span style="font-weight: bold;">Drag and drop a new image onto the canvas to load.</span><br> |
+ |
+ <button onclick="ZoomReset()">Reset Zoom</button> |
+ |
+ <button onclick="DoReset()">Reset All</button> |
+ <button onclick="DoRedisplay()">Repaint</button><br><br> |
+ <input type="checkbox" id="correct_before" onchange="CheckboxToggled()">Color correct before scaling for display<br><br> |
+ </div> |
+ |
+ <div id="log"></div> |
+ |
+ </div> |
+ |
+</div> |
+</div> |
+</body> |
+</html> |