User Tools

Site Tools


help:cheats:tricks_image_overlay

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
help:cheats:tricks_image_overlay [2022/07/23 07:33] – more specific instruction there a bit 101.174.159.45help:cheats:tricks_image_overlay [2022/07/23 07:55] (current) – no.. actually, this wording!! 101.174.159.45
Line 20: Line 20:
   - close your browser's inspector to resume drawing with your image overlay!   - close your browser's inspector to resume drawing with your image overlay!
   - if you wish to hide the overlay, reopen your inspector and change the 'opacity' line you added from '0.6' to '1'   - if you wish to hide the overlay, reopen your inspector and change the 'opacity' line you added from '0.6' to '1'
 +
 +**Sample Html Result:**
 +
 +After following the above steps, you may have something similar to this in your html inspector:
 +
 +  <div id="cancont" style="width: 722px; height: 601.667px; left: 8px; top: 88px;">
 +      <img src="https://pchutney.com/public/avatars/avatar_1.png" style="position:absolute;width:100%;height:100%">  
 +      <canvas id="myCanvas" width="600" height="500" style="opacity:0.6; width: 722px; height: 601.667px; cursor: pointer;">canvas not supported?</canvas>
 +  </div>
  
 **Limitations:** **Limitations:**
Line 26: Line 35:
 **Ideas:** **Ideas:**
   * Blender layouts with basic shapes that have wireframe overlay make handy references   * Blender layouts with basic shapes that have wireframe overlay make handy references
-  * You can edit together multiple images to plan a multi-panel panel +  * You can edit together multiple images to plan a multi-panel panel  ! 
-  * You might like to automate this processwith a macro tool like xdotool/bash on linux, powershell on windows or something more direct like tampermonkey / browser tools / other?+  * this process can be automated with a macro tool like xdotool/bash on linux, powershell on windows or something more direct like tampermonkey / browser tools / other !
help/cheats/tricks_image_overlay.1658554429.txt.gz · Last modified: 2022/07/23 07:33 by 101.174.159.45