Michel2/image2cpp
1
0
Fork 0
mirror of https://github.com/javl/image2cpp.git synced 2026-07-27 19:56:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update layout a bit

Browse Source
This commit is contained in:
javl
2023-03-14 08:32:13 +01:00
parent 12c6bae46f
commit 6d252d3ab0
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+24 -12
View File
@@ -303,7 +303,7 @@
</div> </div>
<div class="table-row"> <div class="table-row">
<div class="table-cell"><label for="scale">Scaling</label></div> <div class="table-cell"><label for="scale">Scaling:</label></div>
<div class="table-cell"> <div class="table-cell">
<select id="scale" name="scale" onchange="updateInteger('scale')"> <select id="scale" name="scale" onchange="updateInteger('scale')">
<option value="1">original size</option> <option value="1">original size</option>
@@ -316,7 +316,7 @@
</div> </div>
<div class="table-row"> <div class="table-row">
<div class="table-cell"><label>Center:</label></div> <div class="table-cell"><label>Center image:</label></div>
<div class="table-cell"> <div class="table-cell">
<input id="centerHorizontally" type="checkbox" onchange="updateBoolean('centerHorizontally')" /> <input id="centerHorizontally" type="checkbox" onchange="updateBoolean('centerHorizontally')" />
<label for="centerHorizontally">horizontally</label> <label for="centerHorizontally">horizontally</label>
@@ -325,6 +325,13 @@
</div> </div>
</div> </div>
<div class="table-row">
<div class="table-cell"></div>
<div class="table-cell">
<i class="note">Centering the image only works when using a canvas larger than the original image.</i>
</div>
</div>
<div class="table-row"> <div class="table-row">
<div class="table-cell"><label for="invertColors">Rotate image:</label></div> <div class="table-cell"><label for="invertColors">Rotate image:</label></div>
<div class="table-cell"> <div class="table-cell">
@@ -334,7 +341,7 @@
</div> </div>
<div class="table-row"> <div class="table-row">
<div class="table-cell"><label>Flip:</label></div> <div class="table-cell"><label>Flip image:</label></div>
<div class="table-cell"> <div class="table-cell">
<input id="flipHorizontally" type="checkbox" onchange="updateBoolean('flipHorizontally')" /> <input id="flipHorizontally" type="checkbox" onchange="updateBoolean('flipHorizontally')" />
<label for="flipHorizontally">horizontally</label> <label for="flipHorizontally">horizontally</label>
@@ -342,16 +349,21 @@
<label for="flipVertically">vertically</label> <label for="flipVertically">vertically</label>
</div> </div>
</div> </div>
<div class="table-row"> <div class="table-row">
<div class="table-cell"><label for="bitswap">Swap Bits in Byte</label></div> <div class="table-cell"><label for="bitswap">Swap bits in byte:</label></div>
<div class="table-cell"> <div class="table-cell">
<input id="bitswap" type="checkbox" onchange="updateBoolean('bitswap')"> <input id="bitswap" type="checkbox" onchange="updateBoolean('bitswap')"> swap
</div> </div>
</div> </div>
</div>
<div class="note"> <div class="table-row">
<i>Note: centering the image only works when using a canvas larger than the original image.</i> <div class="table-cell"></div>
<div class="table-cell">
<i class="note">Useful when working with the u8g2 library.</i>
</div>
</div>
</div> </div>
</section> </section>
</section> </section>
@@ -1403,8 +1415,8 @@
b = (b & 0xCC) >> 2 | (b & 0x33) << 2; b = (b & 0xCC) >> 2 | (b & 0x33) << 2;
b = (b & 0xAA) >> 1 | (b & 0x55) << 1; b = (b & 0xAA) >> 1 | (b & 0x55) << 1;
} }
return b; return b;
} }
// -- // --
document.getElementById("outputFormat").value = "arduino"; document.getElementById("outputFormat").value = "arduino";