Текст поверх изображения в canvas
Здравствуйте!
Как нарисовать текст поверх вставленного изображения через drawImage в canvas?почему то он рисуется под изображением. |
Что первое нарисованно, то будет снизу. По умолчанию так.
|
Текст стоит последним, но всё равно рисуется снизу.
|
Цитата:
|
globalCompositeOperation тоже почему то не помог.
вот код ctx.textAlign = "center"; ctx.font = "20px Arial"; ctx.fillStyle = "#4e4e4e"; ctx.fillText("15 120",200,247); ctx.globalCompositeOperation ="source-over"; может я что не так делаю?как привязать globalCompositeOperation к данному тексту? |
x3zone, телепаты в отпуске. Покажите код более-менее полностью, а то непонятно, когда вы вставляете картинку, а когда текст.
|
<!DOCTYPE html> <meta charset="utf-8"> <title>QQ</title> <script> window.onload=function(){ var img=new Image(); img.onload=function(){run()}; img.src='http://javascript.ru/files/u20687/7_1.jpg'; function run(){ var ctx=document.getElementById('cnv').getContext('2d'); ctx.drawImage(img,0,0); ctx.textAlign = "center"; ctx.font = "20px Arial"; ctx.fillStyle = "white"; ctx.fillText("15 120",50,57);}; } </script><canvas id=cnv width=500 height=500></canvas> |
vadim5june спасибо!Получилось.
|
Часовой пояс GMT +3, время: 12:07. |