Я знаю, что ctx.globalcompositeoperation = source-over работает при использовании drawimage, но будет ли он работать с putimagedata?Работает ли globalcompositeoperation = source-over с putimagedata?
0
A
ответ
4
Короткий ответ нет, составные режимы не влияют на putImageData
.
Использование putImageData
работает на более низком уровне, чем режимы композиции и контекст в целом.
Под нижним уровнем я имею в виду, что он передает контекст и параметры, которые он использует, чтобы изменить вещи, нарисованные другими методами (перевод, стили и т. Д.).
putImageData просто заменяет пиксели непосредственно на результирующем растровом изображении.
Для использования композитных режимов вам необходимо использовать drawImage
, и это будет быстрее, а drawImage
будет работать непосредственно с массивами растровой памяти.
Смежные вопросы
- 1. Холст globalCompositeOperation работает неправильно
- 2. globalCompositeOperation
- 3. globalCompositeOperation с KineticJS
- 4. с использованием globalCompositeOperation с линиями?
- 5. Смущает globalCompositeOperation
- 6. HTML5 Canvas putImageData не работает должным образом
- 7. javascript - canvas - putImageData не всегда работает
- 8. putImageData не работает проверено существующие вопросы
- 9. HTML5 Canvas: globalCompositeOperation (eraser)
- 10. JS/canvas putImageData fail
- 11. globalcompositeoperation эквивалент в WebGL
- 12. Почему putImageData так медленно?
- 13. Ошибка Firefox - globalCompositeOperation не работает с drawImage для элемента SVG
- 14. Использовать globalCompositeOperation с элементами вне элемента canvas
- 15. Как применить альфа-канал на drawPixmap с SourceOver
- 16. javascript - Как обрезать с помощью drawImage/putImageData
- 17. Использование globalCompositeOperation в несколько этапов
- 18. Пользовательские globalCompositeOperation в html5 Холст
- 19. Firefox бросает исключение с HTML Canvas putImageData
- 20. Как использовать globalCompositeOperation с тремя изображениями?
- 21. холст тень с globalCompositeOperation [destination-out]
- 22. globalCompositeOperation рисунок белый над фоном
- 23. getImageData(), putImageData() не работает на Nexus 4, используя холст Cocoonjs +
- 24. Где характеристики HTML-холста globalCompositeOperation?
- 25. ткань JS, как использовать globalCompositeOperation в группах
- 26. Пытается манипулировать альфой на холсте без get/putImageData?
- 27. putImageData только части объекта данных изображения
- 28. Можно ли добавить putImageData на ткани холст вместо fromURL
- 29. HTML5 Canvas: Как подделать globalCompositeOperation = "darker"
- 30. Холст getImageData и putImageData загружают изображение частично
Поскольку это более низкий уровень, это означает, что putImagData быстрее, чем drawImage? – Kahless
@JohnBob На нижнем уровне я имею в виду прямой доступ к пикселям (контекст работает как «посредник» между операциями и пикселями). 'drawImage' быстрее, поскольку он заполняет буфер внутри скомпилированного кода. 'putImageData' по-прежнему необходимо пройти через несколько шагов в JavaScript прежде, чем данные массива (типизированного) будут скопированы во внутренний буфер. – K3N