Страницы

Поиск по вопросам

суббота, 13 октября 2018 г.

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

На данный вопрос уже ответили: Наложение background только на текст 2 ответа Всем привет!
Подскажите, как реализовать (css/html/js) данный эффект текста так, чтобы фоном текста было изображение?

Спасибо!


Ответ

Товарищ 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';

Комментариев нет:

Отправить комментарий