Показать сообщение отдельно
  #8 (permalink)  
Старый 23.11.2018, 20:57
Интересующийся
Отправить личное сообщение для super-html Посмотреть профиль Найти все сообщения от super-html
 
Регистрация: 20.09.2017
Сообщений: 22

Благодарю Нексус, вот вроде отображает нормально.

Код:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Canvas в HTML5</title>
    </head>
    <body>

<canvas id='test' width='1250px' height='600px'></canvas>

        <script>
image = new Image()

var image = document.createElement('img'),
    context = document.getElementById('test').getContext('2d');

image.onload = function() {
    context.fillStyle = context.createPattern(image, 'repeat');
	context.font = '200px Verdana'
    context.fillText('WickerpediA', 0, 300);
    context.strokeText('WickerpediA', 0, 300);
};

image.src = '1.jpg';


        </script>
    </body>
</html>
Ответить с цитированием