Ho un problema con questo semplice file HTML5:HTML5/JavaScript File con Canvas non funziona con Chrome e Firefox su Windows 8 ma funziona con tutti i browser su Windows 7. perché?
var canvas = window.__canvas = new fabric.Canvas('c');
canvas.backgroundColor = '#efefef';
canvas.freeDrawingBrush.width = 10;
canvas.renderAll();
document.getElementById('drawingMode').addEventListener('click', function(e) {
e.target.innerHTML = canvas.isDrawingMode ? 'Start freedrawing' : 'End freedrawing';
canvas.isDrawingMode = !canvas.isDrawingMode;
});
canvas {
border: 1px solid #ccc;
padding: 20px;
}
/*.canvas-class {
border-left: 20px solid black;
padding: 20px;
}*/
<button id="drawingMode">Start freedrawing</button>
<div class="wrapper">
<canvas id="c" class="canvas-class" width="400" height="300" style="border:1px solid #ccc;"></canvas>
</div>
Si tratta di un file HTML5 semplice con JavaScript implementazioni in cui si può semplicemente disegnare su una tela. Funziona bene con tutti i browser su Windows 7 (il mio vecchio portatile). Ma con Chrome & Firefox su Windows 8 (il mio nuovo laptop) non si può disegnare nulla, non funziona!
modalità Disegno su Windows 7:
- chrome: OK
- firefox: OK
- opera: OK
- IE10: OK
- safari: OK
Disegno modalità su Windows 8:
- chrome: NO
- firefox: NO
- opera: OK
- IE10: OK
- safari: OK
Qualcuno può piacere qual è il problema? È strano, che DrawingMode non funzioni su Chrome e Firefox ma funzioni bene su Opera, IE10 e Safari su Windows 8.
Hai un touchpad collegato al computer? – kangax
Mi sembra a posto su Chrome 28.0.1500.72/FF 22 + Win 8 – Rannnn
Hai gli stessi problemi in Win8 sia in modalità desktop sia in modalità metropolitana? – Spudley