Canvas overlay problems, positioning + different screen resolutions

tbx / webmarker

Draw on any website, upload GML + screenshot to the webmarker blog (currently 000000book.com webmarker app stream), twitter it, email it. Activate "Street Mode" to stumple over drawings by other users.

webmarker.me

9 stars 1 forks source link

Canvas overlay problems, positioning + different screen resolutions #4

Open tbx opened 14 years ago

tbx commented 14 years ago

There are several (site-specific) problems with the canvas overlays:

Canvas overlay messes up on e.g. the new http://google.com or on http://fffff.at -> ?? just a css fixed position !important fix?
Sometimes the drawing is extremely off, like 1000px to the left -> css position fixed !important ?
Different Screen resolutions: We need to come up with a "hybrid" solution. Tags can't be stretched, but they should be centered on the webpage (very tricky but interesting problem).

jamiew commented 14 years ago

Hmm, horizontal centering seems the best solution to me. For vertical positioning we probably need to store the viewport coordinates, since you can tag a page if you are scrolled down, right? GML has fields for this (LaserTag uses them for scaling)

!important should also work for overriding existing CSS selectors