| 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>
|
|
|