Что такое метод getCSSCanvasContext()? Я видел его в консоли отладки Chrome, но не могу найти для него достойной документации.
getCSSCanvasContext()
Значит ли это, что мы можем рисовать, используя команды canvas для любого элемента?
Метод реализован в WebKit (то есть вы также можете использовать его в Safari) и возвращает объект, который позволяет вам рисовать в CSS-изображении.См. Этот пост в блоге для примера:
В последних вечерах вы можете опробовать новую функцию: возможность указывать именованные буферы изображений в CSS, а затем рисоватьих программно из JavaScript.Вот как это работает. background: -webkit-canvas(mycanvas); Вместо указания URL-адреса изображения вы указываете холст и идентификатор, который будет использоваться для этого холста.Следующий новый API для документов можно затем использовать для получения контекста рисования для этого холста. CanvasRenderingContext getCSSCanvasContext(in DOMString contextType, in DOMString identifier, in long width, in long height);
В последних вечерах вы можете опробовать новую функцию: возможность указывать именованные буферы изображений в CSS, а затем рисоватьих программно из JavaScript.Вот как это работает.
background: -webkit-canvas(mycanvas);
Вместо указания URL-адреса изображения вы указываете холст и идентификатор, который будет использоваться для этого холста.Следующий новый API для документов можно затем использовать для получения контекста рисования для этого холста.
CanvasRenderingContext getCSSCanvasContext(in DOMString contextType, in DOMString identifier, in long width, in long height);
также не используйте ctx.clearRect (0, 0, w, h);для IE9 - он не работает после этого кода, если вы попытаетесь что-то нарисовать после clearRect (), вы все равно получите пустой холст