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

286

23 января 2018, 10:04

Всем привет!

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

Спасибо!

Answer 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';

<canvas id="canvas" width="600" height="400"></canvas>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Проблема с модальными окнами

Всем здравствуйте! Недавно начал изучать основу вёрсткиВерстал по макету и столкнулся с двумя проблемами

353

Почему в таблице при `border-collapse: separate` не отображается border-top у thead?

CSS

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

Проблема с модальными окнами

Почему в таблице при `border-collapse: separate` не отображается border-top у thead?

C# XMl || XmlNode.AppendChild

как получить сертификат из из хранилища ОС