¿Cuál es el método getCSSCanvasContext()? Lo vi en la consola de depuración de Chrome, pero no puedo encontrar ninguna documentación decente para él.¿Cuál es el método getCSSCanvasContext() de un elemento HTML5?
¿Significa que podemos dibujar usando comandos canvas en cualquier elemento?
El método se implementa en WebKit (lo que significa que también puede usarlo en Safari) y devuelve un objeto que le permite dibujar en una imagen CSS. Ver este blog post para ver un ejemplo:
En las últimas nightlies, puede probar una nueva característica: la capacidad de especificar tampones de imágenes cuyos nombres en CSS y luego dibujar en ellos programación de JavaScript. Así es como funciona.
background: -webkit-canvas(mycanvas);En lugar de especificar una URL de la imagen, se especifica un lienzo y un identificador utilizar para ese lienzo. La siguiente nueva API en los documentos se puede usar para obtener un contexto de dibujo para ese lienzo.
CanvasRenderingContext getCSSCanvasContext(in DOMString contextType, in DOMString identifier, in long width, in long height);
Tenga en cuenta que este método se ha desaprobado y eliminado de todas las plataformas Chromium en M48: https: // groups .google.com/a/chromium.org/forum/#! topic/blink-dev/WvqvdsmiQzg – akokskis
también no utilice ctx.clearRect (0, 0, w, h); para IE9 - no funciona después de este código si tratas de dibujar algo después de clearRect() obtendrás un lienzo vacío de todos modos
Vale la pena señalar que este método está en desuso en las recientes construcciones de Chrome y probablemente se eliminará: https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/WvqvdsmiQzg –