2012-07-18 58 views
1

我有一個畫布元素的問題。代碼非常簡單,但是如果我從標籤切換到另一個標籤,並且在我返回之後,圖中會顯示所發生的情況。任何人都有這樣的解釋?畫布繪圖..怪異行爲

var canvas = $('#image')[0]; 
canvas.height = 785; 
canvas.width = 448; 

var img = new Image(); 
img.onload = function() { 
    var context = canvas.getContext('2d'); 
    context.drawImage(img, 0, 0); 
}; 

編輯:我使用鉻,用Firefox不會發生這種情況..

What happens http://matteociman.altervista.org/images/behaviour.png

+0

您的鏈接不是爲我工作。 – recursive 2012-07-18 16:05:17

+0

也許這一個將工作.. [鏈接](http://matteociman.altervista.org/images/behaviour.png) – 2012-07-18 16:13:13

+0

是的,我現在看到它。你使用的是什麼瀏覽器? – recursive 2012-07-18 16:15:19

回答

0

這是引入谷歌的Chrome穩定版一個相對較新的bug。它也在開發者版本中(並且已經持續數週),如果你打開開發者控制檯,情況會變得更糟。

最後一次我裝上了夜間,它也被打破了,但他們肯定沒有問題。

現在,稍微調整窗口大小或在about:標誌中禁用硬件加速可以解決問題。

這個錯誤可能是相關的,我只有與AMD顯卡的機器上的問題:http://code.google.com/p/chromium/issues/detail?id=125246

+0

這不是一件好事..謝謝你的答案..希望他們會在我完成我的項目之前修復它.. :) – 2012-07-18 23:32:14