html5- все статьи тега ➜ страница 7
Нарисуйте на холсте HTML5 с помощью мыши
Я хочу рисовать на HTML-холсте с помощью мыши(например: нарисовать подпись, нарисовать имя,...) пожалуйста, помогите мне, как я могу сделать? Пожалуйста, дайте исходный код. Спасибо ...
Рисование изображения из URL-адреса, данных на холст
Как я могу открыть изображение на холсте ? который закодирован Я использую var strDataURI = oCanvas.toDataURL(); на выходе получается закодированное базовое 64 изображение. Как я могу нарисовать это изображение на холсте? Я хочу использовать strDataURI и создать образ ? Это возможно ? Если это не так, то каким может быть решение для загрузки изображения на холст ? ...
Должен ли я использовать в HTML5?
я почти уверен <![CDATA[...]]> разделы могут быть использованы в XHTML5, но как насчет HTML5? ...
Остановка / закрытие веб-камеры, которая открывается навигатором.getUserMedia
Я открыл веб-камеру, используя следующий код JavaScript: navigator.getUserMedia есть ли код JavaScript, чтобы остановить или закрыть веб-камеру? Поблагодарить каждого. ...
Разработка решения для автономного хранения HTML5 для iOS / Android в 2011 году
проблема: Мне нужно решение устройства agnostic (например, HTML5) для хранения и запроса 250 000+ строк данных в автономном режиме на устройстве типа телефона или планшета (например, iOS/Android). Идея заключается в том, что у меня есть люди, работающие в отдаленных районах без подключения к сотовым данным, и им нужно запускать запросы к этим данным и редактировать их в автономном режиме. Частично это будет геолокация, поэтому, если есть активы в области, в которой они находятся (использует GPS ...
Как javascript может загрузить большой двоичный объект?
у меня есть данные blob в этой структуре: Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob это на самом деле звуковые данные, записанные с помощью недавнего Chrome getUerMedia() и диктофон.js как я могу загрузить этот blob на сервер с помощью метода post jquery? Я пробовал это без всякой удачи: $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseTex ...
Вращающийся глобус в CSS
Я создаю эффект вращающейся Земли в CSS. Я создал глобус в CSS: body { background-color: #111; } #earth { width: 300px; height: 300px; background: url(http://www.noirextreme.com/digital/Earth-Color4096.jpg); border-radius: 50%; background-size: 610px; box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3); animation-name: rotate; animation-duration: 12s; animation-iteration-count: infinite; ...
Как перезапустить CSS-анимацию WebKit с помощью JavaScript?
Итак, у меня есть это -webkit-animation правила: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } и некоторые CSS, определяющие некоторые правила анимации на моем box: #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } Я могу shake the #box такой: document. ...
Как использовать сокеты в JavaScriptHTML? [закрытый]
Как использовать сокеты в JavaScriptHTML? может быть, с помощью некоторых прохладных HTML5? библиотеки? Учебники? Статьи В Блогах? ...
Html5 canvas drawImage: как применить сглаживание
пожалуйста, посмотрите на следующий пример: http://jsfiddle.net/MLGr4/47/ var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); img=new Image(); img.onload=function(){ canvas.width=400; canvas.height=150; ctx.drawImage(img,0,0,img.width,img.height,0,0,400,150); } img.src="http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Как вы видите, изображение не сглажено, хотя говорится, что drawImag ...
HTML5 аудио зацикливание
Я недавно играл с HTML5 audio, и хотя я могу заставить его воспроизводить звук, он будет воспроизводиться только один раз. Независимо от того, что я пытаюсь (установка свойств, обработчиков событий и т. д.), Я не могу заставить его зацикливаться. вот основной код, который я использую: //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = new Audio('someSound.ogg'); myAudio.loop = true; myAudio.play(); Я тестирую с помощью Chrome (6.0.466.0 dev) и Firefox (4 ...
Javascript трюк для " вставить как обычный текст` в execCommand
у меня есть базовый редактор на основе execCommand после примера, представленного здесь. Есть три способа вставить текст в execCommand площадь: Ctrl+V Щелкните Правой Кнопкой Мыши - > Вставить Щелкните Правой Кнопкой Мыши - > Вставить Как Обычный Текст Я хочу, чтобы вставить только текст без HTML-разметки. Как я могу заставить первые два действия вставить обычный текст? возможно Решение: как я могу думать о том, чтобы установить прослушиватель для ключевых событий для (Ctrl+V) и по ...
Как нарисовать овал на холсте html5?
Кажется, что нет собственной функции для рисования овальной формы. Также я не ищу форму яйца. можно ли нарисовать овал с 2 кривыми Безье? Кто-то с этим справился? моя цель-нарисовать некоторые глаза и на самом деле я просто использую дуги. Спасибо заранее. решение so scale () изменяет масштабирование для всех следующих фигур. Save () сохраняет настройки до и восстановление используется для восстановите настройки для рисования новых фигур без масштабирования. спасибо Яни ctx.save(); ctx.sca ...
Как получить ширину и высоту холста HTML5?
Как я могу получить ширину и высоту элемента canvas в JavaScript? кроме того, каков "контекст" холста, о котором я продолжаю читать? ...
Перетащите и падение загрузки файлов в Google Chrome / Chromium и Safari?
перетаскивание файлов загрузка может быть выполнена в Firefox 3.6. поиск в Google для html5 drag-and-drop file uploading-gmail дает такие вещи, как: собственного Drag + Drop загрузки файлов в Firefox 3.6 http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload http://www.thecssninja.com/javascript/drag-and-drop-upload все эти руководства использовать FileReader (или Firefox 3.6 устарел getAsBinary, который не поддерживает ни один другой браузер, либо). тем не менее, Google ...
Извлечение SVG из шрифта Awesome
Я хочу получить данные пути SVG от Шрифт Удивительным глифы, чтобы я мог использовать их прямо как SVG в моем HTML. Я думал, что это будет так же просто, как скопировать-вставить данные пути из fontawesome-webfont.svg, но когда я использую его в моем HTML символы все рендеринга вверх ногами. Кто-нибудь знает почему? (см. Скрипка) шрифт Awesome SVG: <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 10 ...
Как рисовать полигоны на холсте HTML5?
Мне нужно знать, как рисовать полигоны на холсте. Без использования jQuery или чего-то подобного. ...
установить дату в поле Тип ввода дата
<input id="datePicker" type="date" /> Я установлю сегодня дату в datepicker input типа в chrome. $(document).ready( function() { var now = new Date(); var today = now.getDate() + '/' + (now.getMonth() + 1) + '/' + now.getFullYear(); alert(today); $('#datePicker').val(today); }); но это не работает редактировать этот jsFiddle - пожалуйста, попробуйте в chrome. ...
$http не отправляет файлы cookie в запросах
мы работаем над веб-сервисом RESTful с Сервлетами AngularJS и Java. Когда пользователь входит в систему, наш сервер отправляет заголовок "Set-Cookie"на интерфейс. В Angular мы получаем доступ к заголовку через $cookies (ngCookie-модуль) и установите его. теперь, когда пользователь вошел в систему, он может, например, удалить некоторые вещи. Поэтому интерфейс отправляет запрос GET на серверную часть. Поскольку мы работаем на разных доменах, нам нужно установить некоторые заголовки CORS, а Angul ...
HTML / Javascript: как получить доступ к данным JSON, загруженным в тег скрипта с помощью набора src
у меня есть этот файл JSON, который я создаю на сервере, который я хочу сделать доступным на клиенте, поскольку страница доступна для просмотра. В основном то, что я хочу достичь: у меня есть следующий тег, объявленный в моем html-документе: <script id="test" type="application/json" src="http://myresources/stuf.json"> файл, указанный в его источнике, имеет данные JSON. Как я уже видел, данные были загружены, так же, как это происходит со сценариями. теперь, как мне получить доступ к ...