Che cos'è il metodo getCSSCanvasContext()? L'ho visto nella console di debug di Chrome, ma non riesco a trovare alcuna documentazione decente per questo.Qual è il metodo getCSSCanvasContext() di un elemento HTML5?
Significa che possiamo disegnare usando i comandi canvas su qualsiasi elemento?
Il metodo è implementato in WebKit (che significa che è possibile utilizzarlo anche in Safari) e restituisce un oggetto che consente di disegnare in un'immagine CSS. Vedere questo blog post per un esempio:
Negli ultimi nightly, è possibile provare una nuova funzionalità: la possibilità di specificare buffer di immagine denominati in CSS e quindi disegnare in loro di programmazione da JavaScript. Ecco come funziona.
background: -webkit-canvas(mycanvas);Invece di specificare l'URL di un'immagine, si specifica una tela e un identificatore da utilizzare per quella tela. La seguente nuova API sui documenti può quindi essere utilizzata per ottenere un contesto di disegno per tale tela.
CanvasRenderingContext getCSSCanvasContext(in DOMString contextType, in DOMString identifier, in long width, in long height);
Si prega di notare che questo metodo è stato deprecato e rimosso da tutte le piattaforme Chromium in M48: https: // gruppi .google.com/a/chromium.org/forum/#! argomento/blink-dev/WvqvdsmiQzg – akokskis
anche non utilizzare ctx.clearRect (0, 0, w, h); per IE9 - non funziona dopo questo codice se provi a disegnare qualcosa dopo clearRect() avrai comunque una tela vuota
Vale la pena notare che questo metodo è deprecato nelle recenti versioni di Chrome e probabilmente verrà rimosso: https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/WvqvdsmiQzg –