Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>EDIT:</strong></p> <p>Ok, I got it for me. It seems to be a problem with some AMD graphic cards. I could turn off the high performance mode for chrome in the catalyst control center. That fixed most of the annoying things for me...hope that it'll be fixed in the next versions.</p> <p>For mor information see: <a href="http://code.google.com/p/chromium/issues/detail?id=121658" rel="nofollow">http://code.google.com/p/chromium/issues/detail?id=121658</a></p> <hr> <p>This is not a solution, but I'm facing the same problem and it's driving me nuts. I'm trying to nail it down. I've tested differnt browser on different machines:</p> <p><strong>Problems:</strong></p> <ul> <li>Blue layers (I only see them if Chrome is NOT maximized)</li> <li>Misplaced y scrollbar (sometimes only shows up if I switch through the tabs)</li> <li>Distorted shapes. The size of the canvas and the drawed images / shapes vary from chrome to other browser. Means, the canvas / shapes is smaller on Chrome, it mostly shrinks the width.</li> </ul> <p><strong>Conclusion 1:</strong> It seems that it does not happen on every machine with Chrome 18.x.x. Seems to be a hardware issue, but couldn't constrain it futher actually. </p> <p><strong>Conclusion 2:</strong> If i set the size of the canvas to 200 height/width, the problems don't appear. If I set it higher than 200, it will deform the canvas / rectangle and other problems appear.</p> <p><strong>Conclusion 3:</strong> The problems show only up if something is drawed to the canvas or something is set, i.e. fillStyle.</p> <p>Here the test snippets I used:</p> <pre><code>&lt;canvas id="canvas" width="300" height="300" style="background-color:orange"&gt;&lt;/canvas&gt; ... ctx.fillRect (10, 10, 55, 50); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload