Публикации по теме 'html5-canvas'


Как мы научились рисовать текст на холсте HTML5
Андрей Чураков, Frontend Engineer Мы разрабатываем интерактивную доску для совместной работы и используем Canvas для отображения всей графики и текста на досках. Не существует готового решения для отображения текста на холсте, как в обычном HTML. Следовательно, в течение последних нескольких лет мы повторяем это; и мы наконец думаем, что нашли лучшее решение. В этой статье мы расскажем, как перейти от Flash к Canvas и почему мы отказались от использования SVG foreignObject в этом..

Вопросы по теме 'html5-canvas'

Составные операции в Android Canvas
Я только начинаю разработку для Android, и я пришел из мира JavaScript/HTML, поэтому в настоящее время я изучаю возможности Android SDK. Холст HTML 5 поддерживает составные операции (см. здесь ). Возможно ли это в Android Canvas? Я просмотрел...
4612 просмотров
android java android-canvas html5-canvas
schedule 09.05.2022
Сглаживание Свободный рисунок на холсте Html5
Я реализую бесплатное рисование с холстом HTML5. В настоящее время все работает нормально. Я использую moveTo() и lineTo() для каждого движения мыши. Мне нужно доработать рисунок; когда я рисую какие-то кривые, подобные линиям, с быстрыми...
1380 просмотров
html html5-canvas drawing
schedule 13.08.2022
Проблема с наведением интерактивной карты (не Flash)
Я следовал этому руководству — http://www.netzgesta.de/mapper/ , чтобы создать карта штата США, которую вы можете увидеть здесь - http://www.teamworksdesign.com/clients/neurosign/contact/alabama/ Я скачал исходные файлы и все заработало...
590 просмотров
javascript wordpress html5-canvas map
schedule 04.02.2024
разработка игры на холсте html5: изображения или утверждения
Я портирую старую игру DOS на холст html 5. Это очень простая игра с анимацией из 2-3 кадров. Я уже извлек все необходимые кадры с очень низким разрешением и примерно 13 * 23 изображения. Я могу реплицировать изображения с помощью операторов canvas...
404 просмотров
javascript html html5-canvas
schedule 01.02.2024
Получение значений из HTML5 Canvas в Javascript
Я работаю над небольшим проектом в движке приложения Google. Используя холст html5, мне нужно показать пользователю холст, на котором пользователь может рисовать узлы и соединительные ребра. Мне нужно найти кратчайший путь с помощью алгоритма...
1964 просмотров
javascript canvas json html html5-canvas
schedule 09.12.2023
HTML5 Canvas - самопересечение строк с альфа-каналом
Посмотрите на изображение (извините, новые пользователи не могут напрямую вставлять изображение в пост). Линии нарисованы полупрозрачными цветами (альфа = 0,5). Когда красная линия пересекает саму себя, двойного наложения полупрозрачных цветов не...
1150 просмотров
canvas alpha html5-canvas line-intersection lines
schedule 30.03.2022
Прикрепите события клавиатуры к холсту html5
Похоже, что mouse events прекрасно добавит слушателей к canvas элементам, но keyboard events , похоже, не работает для canvas элементов. Пример: http://jsfiddle.net/H8Ese/1/ Браузеры: Chrome 14.0 FF 5.0.1 Я знаю, что могу...
10909 просмотров
addeventlistener dom-events html5-canvas
schedule 21.05.2022
Как загрузить/отправить несколько элементов холста
Мне нужно создать загрузчик изображений для будущего проекта (без флэш-памяти, IE10+, FF7+ и т. д.), который выполняет изменение размера/преобразование/обрезку изображения на стороне клиента, а не на сервере. Поэтому я сделал интерфейс javascript,...
3203 просмотров
javascript json html ajax html5-canvas
schedule 21.09.2022
Модулируйте цвета с помощью drawImage на холсте HTML5
Я обдумываю идею модификации моей среды разработки игр для создания HTML5-версий игр, созданных с ее помощью. Одной из возможностей IDE является возможность определения фреймов, которые определяют не только то, как трансформируется графическая...
5066 просмотров
javascript canvas image html html5-canvas
schedule 08.03.2022
Холст, даже если Img потребляет оперативную память и процессор
Я беру список файлов, сброшенных в этом районе. а затем получить их dataUrl и поместить их в Img. а затем поместите это изображение на холст, используя drawImage . Я делаю соответствующее масштабирование изображений в соответствии с их размером....
2241 просмотров
javascript canvas google-chrome memory html5-canvas
schedule 25.11.2022
Анимация HTML5 — Canvas или DOM?
Мне интересно, что было бы наиболее эффективным решением для анимации спрайтов (изображений), движущихся на фиксированном фоне: использовать элементы DOM с абсолютным позиционированием или анимировать их на холсте (с помощью drawImage и clearRect)?...
1531 просмотров
animation html html5-canvas
schedule 15.12.2022
Javascript/html5 2d Canvas Context - получение X, Y относительно холста (в отличие от преобразованного объекта)
У меня есть сценарий, в котором в стеке контекста есть несколько элементов, и мне нужно получить координату x, y относительно самого холста. Ситуация такова: я пишу 2D-игру в HTML5 и хочу, чтобы «персонаж», которым управляет пользователь, мог...
558 просмотров
javascript html html5-canvas
schedule 15.02.2024
Масштабировать HTML-холст по размеру окна браузера, но не масштабировать элементы внутри холста
Есть ли способ масштабировать HTML-холст по ширине/высоте окна браузера, но не масштабировать содержимое внутри него? Скажем, я создавал астероиды и хочу использовать все окно браузера, но не хочу, чтобы камни и корабль увеличивались/уменьшались при...
9120 просмотров
canvas html html5-canvas
schedule 09.06.2022
Смещение при рисовании на холсте
Имейте простое приложение для рисования. Проблема в координатах (функция redraw ): они должны быть мышиными, но находятся рядом с 2х мышиными. В чем проблема в коде? <html> <head> <style type="text/css" media="screen">...
7994 просмотров
javascript jquery html5-canvas draw mouse
schedule 29.03.2022
HTML5 Canvas ShadowBlur и отражение по горизонтали
У меня есть прозрачное изображение GIF, и я пытаюсь воспроизвести фильтр свечения IE с помощью холста HTML5 (не спрашивайте). Я могу сделать это, нарисовав точно такое же изображение «под» изображением, которое находится сверху, с помощью фильтра...
342 просмотров
javascript jquery html5-canvas
schedule 24.10.2022
Любой способ повернуть контекст рисования холста по абсолютному значению?
У меня есть функция, которая периодически обновляет элемент холста (игровая ситуация). Предполагается, что один из нарисованных объектов может вращаться: myObject = {}; ... myObject.radian = 0.75; ... Проблема, с которой я сталкиваюсь...
317 просмотров
javascript canvas html5-canvas
schedule 02.11.2023
Ошибка игры с холстом HTML5
Я разрабатывал игру для университетского проекта и подумал, что было бы забавно сначала сделать редактор карт, чтобы в конечном итоге я мог создавать карты, используя наглядные пособия, а не помещая числа в массив или базу данных SQL. Но так или...
425 просмотров
javascript html5-canvas isometric
schedule 05.02.2023
как сделать гистограммы участия за 52 недели, как это сделал Github?
Я пытаюсь сделать гистограммы, похожие на то, как это делает Github, чтобы показать, сколько коммитов или сколько людей просматривают репозитории, например, https://github.com/popular/watched . Кто-нибудь знает, какую библиотеку они использовали,...
1396 просмотров
javascript canvas svg jquery html5-canvas
schedule 20.03.2024
Замена текста на изображении с использованием холста Kinetic.js html5
Мне нужно заменить некоторый текст на изображении, а не очищать холст, так как я не хочу терять изображение. Я просто хочу иметь возможность заменить текст на этом изображении из поля ввода за пределами холста... а также добавить функциональные...
711 просмотров
javascript replace html5-canvas kineticjs
schedule 09.03.2023
Это ошибка Three.js?
Я нашел отличную демонстрацию three.js здесь: http://mrdoob.github.com/three.js/examples/canvas_geometry_earth.html Я заметил, что есть какие-то линии в тени земли. Это баг или автор так задумал?
286 просмотров
three.js shadow html5-canvas
schedule 07.04.2022