Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.01.2024, 17:20
Новичок на форуме
Отправить личное сообщение для megaLux Посмотреть профиль Найти все сообщения от megaLux
 
Регистрация: 28.01.2024
Сообщений: 3

вставка javascript
всем привет
я новичок в javascript

пытаюсь делать вставку javascript в <canvas> и закрасить прямоугольник:
<html>
	<body>
		<canvas width="200" height="200">
			<script>
				var doc = document.getElementById("myCanvas")
				var ctx = doc.getContext("2d")
				ctx.beginPath()
				ctx.rect(20, 20, 150, 100)
				ctx.fillStyle = "red"
				ctx.fill()
			</script>
		</canvas>
	</body>
</html>

браузер ничего не выводит
подскажите где ошибка?

Последний раз редактировалось megaLux, 28.01.2024 в 20:11.
Ответить с цитированием
  #2 (permalink)  
Старый 28.01.2024, 19:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,076

megaLux,
строка 3, отсутствует id, на который ссылается строка 5.
Ответить с цитированием
  #3 (permalink)  
Старый 28.01.2024, 20:10
Новичок на форуме
Отправить личное сообщение для megaLux Посмотреть профиль Найти все сообщения от megaLux
 
Регистрация: 28.01.2024
Сообщений: 3

<canvas id="myCanvas" width="200" height="200">

спасибо
Ответить с цитированием
  #4 (permalink)  
Старый 28.01.2024, 20:27
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,717

И не надо без большой надобности впихивать javascript среди тегов html.
У него есть вполне определенные места в начале (в head) или в конце body
<html>
    <body>
        <canvas id="myCanvas" width="200" height="200">
        </canvas>
        
<script>

    var doc = document.getElementById("myCanvas")
    var ctx = doc.getContext("2d")
    ctx.beginPath()
    ctx.rect(20, 20, 150, 100)
    ctx.fillStyle = "red"
    ctx.fill()

</script>

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставка flash через javascript михаил123 Общие вопросы Javascript 1 17.11.2012 22:00
Вставка текста в javascript. TheChosenOne777 Общие вопросы Javascript 4 02.08.2012 10:29
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
динамическя вставка javascript кода delovek Общие вопросы Javascript 5 28.04.2009 23:15