Переписал код, определил переменную pattern но все равно не хочет, выдает вот такую ошибку:
|
Цитата:
|
|
Uncaught ReferenceError: context is not defined
|
Ошибка почему-то на 16 строке. Изображение находится в одной папке и всегда загружалось с нее, там не нужно длинный путь писать.
Вот модернизированный код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Canvas в HTML5</title>
</head>
<body>
<canvas id='test' width='600px' height='600px'></canvas>
<script>
image = new Image()
image.onload = function()
{
var pattern = context.createPattern(image, 'repeat')
context.fillStyle = pattern
context.fillText('WickerpediA', 0, 0)
context.strokeText('WickerpediA', 0, 0)
document.getElementById('test').appendChild(pattern)
}
image.src = '1.jpg'
</script>
</body>
</html>