Tag: html5

Рисование формы X на холсте HTML5 и проверка на столкновение с границей

Я работаю над игрой в лабиринте в HTML 5. Вот функция, которую я использую для рисования «Х» на холсте (с помощью сенсорной панели пользователь будет перемещаться по X через лабиринт). dim = 8; function rect(x,y,xdim){ ctx.beginPath(); ctx.moveTo(x – xdim, y – xdim); ctx.lineTo(x + xdim, y + xdim); ctx.moveTo(x + xdim, y – xdim); ctx.lineTo(x […]

Получить смену кадра в видео HTML5

Мне нужно обнаружить все изменения кадров видео в HTML 5, я пробовал следующий код, но я не могу получить все изменения, только я могу получить восемь или девять обновлений в секунду .. <body> <canvas id="Canvas" width="800" height="450" style="position:absolute; left:5; top:5">Can't Load Canvas</canvas> <video id="videoPlay" muted controls> <source src="assets/soccer.webm" type="video/webm"> <source src="assets/soccer.mp4" type="video/mp4"> Your browser does […]

Как отображать несколько видео по одному динамически в цикле, используя HTML5 и javascript

Я пытаюсь отображать несколько видео по одному с помощью html5 и java-скрипта .. но его не происходит .. Я использовал приведенный ниже код <html> <head> <title>video example</title> </head> <script> video_count =1; videoPlayer = document.getElementById("ss"); video=document.getElementById("myVideo"); function run(){ video_count++; //alert(video_count); if (video_count == 4) video_count = 1; var nextVideo = "video/video"+video_count+".mp4"; //videoPlayer.src = nextVideo; alert(nextVideo); videoPlayer.setAttribute("src", […]

Почему мой навигатор испортил холст, когда используется изображение из другого домена?

Когда вы помещаете изображение из другого домена в холст, холст испорчен, и некоторые функции, такие как getDataURL или getImageData, отключены. Когда вы пытаетесь использовать такую ​​функцию, происходит ошибка SECURITY_ERROR. Почему эта защита на месте? Какая атака использовала этот метод? Благодаря! Редактировал: Я должен спросить: как можно использовать изображение из другого домена в атаке? Я не […]

Не удается закрыть приложение html5 (завернутое в Phonegap)

У меня есть приложение, встроенное в html5 и завернутое в phoneGap, нажав кнопку выхода, появляется следующая функция: function close_window() { if (confirm("Exit?")) { navigator.app.exitApp(); } } Это не работает.. При нажатии кнопки происходит функция close_window (), но navigator.app.exitApp (); Линия не работает. Я думаю, что это потому, что для навигатора нет дочернего имени. (Я тестировал […]

Чтение текстового файла и отображение на веб-странице

Я ищу помощь. Я очень новичок в программировании, и я работаю над новым проектом. Цель состоит в том, чтобы отобразить содержимое текстового файла на веб-странице. Текстовый файл (с именем title.txt) и имеет одну строку текста. Текстовый файл находится на моем сервере. Текстовое содержимое изменяется каждые три минуты или около того. Я хочу прочитать этот файл […]

Javascript выбрать изменить поле цена со скидкой onchange

У меня есть html-форма с Sub-Total, Discount и Total. Падение выбора для скидки имеет 5%, 10% и 20% значений. Падение выбора для Sub-Total имеет значения $ 200, $ 100 и $ 20. Другое текстовое поле ввода получает форму «Сумма» для расчета по сумме и скину. Discount: <select class="select" name="discount"> <option value="5" selected>5% discount</option> <option value="10">10% […]

HTML Canvas & JavaScript – Меню выбора – настройка начального и устойчивого текущего выбора

В HTML-холсте ниже у меня есть меню выбора, которое запускает рисунок изображения рядом с ним в зависимости от того, что выбрано (цифры 1-5 в примере ниже). JavaScript использует псевдо-объектный подход для хранения / обработки изображений, нарисованных на холсте. Помимо EventListener , прикрепленного к холсту, есть один EventListener прикрепленный ко всему окну, который изменяет размер холста […]

Как сгибать / вырезать изображение в холсте html5

у меня есть это я хочу сделать это в HTML <canvas id="mycanvas"></canvas> JS var temp_can1, temp_can1_ctx; $(document).ready(function () { temp_can1 = document.getElementById('mycanvas'); temp_can1_ctx = temp_can1.getContext('2d'); var imageObj_rotator3 = new Image(); imageObj_rotator3.onload = function () { temp_can1_ctx.drawImage(imageObj_rotator3, 0, 0); temp_can1_ctx.globalCompositeOperation = "source-atop"; var pattern = temp_can1_ctx.createPattern(imageObj_rotator3, 'no-repeat'); temp_can1_ctx.rect(0, 0, temp_can1.width, temp_can1.height); temp_can1_ctx.fillStyle = pattern; temp_can1_ctx.fill(); temp_can1_ctx.globalAlpha […]

Создать равносторонний треугольник в середине холста?

Я хочу нарисовать равносторонний треугольник в середине холста. Я пробовал это: ctx.moveTo(canvas.width/2, canvas.height/2-50); ctx.lineTo(canvas.width/2-50, canvas.height/2+50); ctx.lineTo(canvas.width/2+50, canvas.height/2+50); ctx.fill(); Но треугольник выглядит слишком высоко. Как я могу нарисовать равносторонний треугольник в середине холста? Кто-то сказал мне, что вам нужно найти соотношение высоты равностороннего треугольника в сторону равностороннего треугольника. h:s Каковы два числа?

JavaScript делает сайт умным, красочным и простым использованием.