Как задать background тексту в виде изображения? [дубликат]

#javascript #html #css

        
             
                
                    
                        
                            This question already has answers here:
                            
                        
                    
                
                        
                            Наложение background только на текст
                                
                                    (2 ответа)
                                
                        
                                Closed 1 год назад.
            
                    
Всем привет!

Подскажите, как реализовать (css/html/js) данный эффект текста так, чтобы фоном текста
было изображение?



Спасибо!
    

Ответы

Ответ 1

Товарищ user202854 указал верное направление для 'раскопок', в итоге задуманное получилось
реализовать:





var canvas = document.getElementById('canvas');
var ctx = canvas.getContext("2d");

var img = document.createElement('img');
img.onload = function() {
  ctx.fillStyle = ctx.createPattern(img, 'repeat');
  ctx.font = 'bold 80px sans-serif';
  ctx.fillText("Image text", 20, 80);
};
img.src = 'https://s1.1zoom.ru/big3/81/Russia_Mountains_Lake_469922.jpg';