|
142 | 142 | </head><body> |
143 | 143 | <p id="args"> |
144 | 144 | <span> |
145 | | - <span>Page Background: |
146 | | - <select id="bg"> |
147 | | - <option class="dark" value="black" selected>Black</option> |
148 | | - <option class="dark" value="25">25% Grey</option> |
149 | | - <option class="dark" value="50" selected>50% Grey</option> |
150 | | - <option class="lite" value="75">75% Grey</option> |
151 | | - <option class="lite" value="white">White</option> |
152 | | - <option class="lite" value="grey-check-med">Grey Checkered</option> |
153 | | - <option class="lite" value="pink-check-med">Pink Checkered</option> |
154 | | - <option class="dark" value="red">Red</option> |
155 | | - <option class="lite" value="green">Green</option> |
156 | | - <option class="dark" value="blue">Blue</option> |
157 | | - </select></span><br /> |
| 145 | +<br /> |
158 | 146 | <span>Image set: |
159 | 147 | <select id="source"> |
160 | 148 | <option value="0" selected>RGA variations</option> |
|
167 | 155 | <select id="mode"> |
168 | 156 | <optgroup label="Working Correctly"> |
169 | 157 | <option>normal</option> |
170 | | - <option>screen</option> |
| 158 | + <option selected>screen</option> |
171 | 159 | <option>multiply</option> |
172 | 160 | <option>difference</option> |
173 | 161 | </optgroup> |
174 | 162 | <optgroup label="Troubles w/ Transparency"> |
175 | 163 | <option>src-in</option> |
| 164 | + <option>exclusion</option> |
176 | 165 | <option>add</option> |
177 | | - <option selected>overlay</option> |
| 166 | + <option>lighten</option> |
| 167 | + <option>darken</option> |
| 168 | + <option>overlay</option> |
178 | 169 | <option>hardlight</option> |
179 | 170 | <option>colordodge</option> |
180 | 171 | <option>colorburn</option> |
181 | | - <option>darken</option> |
182 | | - <option>lighten</option> |
183 | | - <option>exclusion</option> |
184 | 172 | </optgroup> |
185 | 173 | </select> blend over</span> |
186 | 174 | <img id="under" src="under0.png"> |
| 175 | + <span>Page Background: |
| 176 | + <select id="bg"> |
| 177 | + <option class="dark" value="black" selected>Black</option> |
| 178 | + <option class="dark" value="25">25% Grey</option> |
| 179 | + <option class="dark" value="50" selected>50% Grey</option> |
| 180 | + <option class="lite" value="75">75% Grey</option> |
| 181 | + <option class="lite" value="white">White</option> |
| 182 | + <option class="lite" value="grey-check-med">Grey Checkered</option> |
| 183 | + <option class="lite" value="pink-check-med">Pink Checkered</option> |
| 184 | + <option class="dark" value="red">Red</option> |
| 185 | + <option class="lite" value="green">Green</option> |
| 186 | + <option class="dark" value="blue">Blue</option> |
| 187 | + </select></span> |
187 | 188 | </p> |
188 | 189 | <p id="content"> |
189 | 190 | <span>yields<canvas id="out"></canvas></span> |
|
0 commit comments