Публикации по теме 'canvas'
Максимально эффективное использование 2D-графики в Интернете
HTML5 обещал нам мощные инструменты для создания и управления графикой в браузере, но ему еще предстоит пройти долгий путь, пока он не сможет дать нам уровень контроля над выделенными графическими движками. Однако постоянно расширяющийся рынок веб-приложений слишком привлекателен, чтобы от него отказываться от графических программистов. Уже существует множество примеров успешных веб-графических редакторов, и хотя их функциональность намного отстает от автономных аналогов, они намного..
Создание игры с помощью TypeScript. Система ввода 3/3
Глава V из серии руководств о том, как создать игру с нуля с помощью TypeScript и собственных API-интерфейсов браузера.
Добро пожаловать в последний выпуск этой главы! В прошлой статье мы представили OnclickComponent , абстрактный класс, который служит мостом между уведомителем ( GameInputComponent ) и реальными получателями. Сегодня мы собираемся добавить один такой приемник в нашу счастливую семью и, конечно же, накроем GameInputComponent юнит-тестами.
В главе V «Система..
Создание игры с помощью TypeScript. Сетка для рисования 5/5
Глава III в серии руководств о том, как создать игру с нуля с помощью TypeScript и собственных API-интерфейсов браузера.
Добро пожаловать в заключительную часть главы III Сетка рисования ! Предыдущий пост был о реализации и тестировании скромной, но мощной системы рендеринга . В этой заключительной статье главы мы свяжем все концы с концами.
Система рендеринга - это здорово, но как NodeDrawComponent получить к ней доступ? Нужно ли передавать экземпляр Canvas в Node ?..
Управление изображениями с помощью Canvas API
Как обрезать и изменять размер изображений с помощью холста HTML
В Trabe нам приходилось пакетно обрабатывать изображения из одного клиентского API и отправлять их преобразованными в другой.
Нам нужно было применить некоторые преобразования по умолчанию к каждому изображению, предварительно просмотреть их все в браузере и позволить пользователю изменять их и добавлять новые перед отправкой результатов.
Для выполнения этих преобразований в браузере мы использовали Canvas API ,..
Опираясь на знания
Что нужно, чтобы рисовать на экране? Ну, сначала надо спросить, в цифре или физически? Для последнего просто выньте маркер, откройте крышку и испортите свой компьютер. Что касается первого, мы займемся разработкой нашего веб-сайта. Поскольку мы будем размещаться на страницах github, мы не будем реализовывать бэкэнд, такой как nodejs или rails.
Для нашего проекта нам понадобится всего два файла; HTML-файл и javascript, которые мы будем лениво называть index.html и index.js..
Вопросы по теме 'canvas'
FLEX3, Улавливание щелчков и событий, особый случай
У меня есть основная «доска» холста на панели, у этого холста есть несколько дочерних элементов, таких как панель инструментов (плитки), метка и некоторый скиннинг.
Проблема в том, что когда я перехожу к инструменту «Прямоугольник» и начинаю...
3363 просмотров
schedule
05.03.2023
Как преобразовать цветное изображение в черно-белое с помощью Javascript?
Как преобразовать цветное изображение в черно-белое, используя только Javascript?
И также сделайте его кросс-совместимым в большинстве браузеров, потому что я слышал, что в Internet Explorer есть механизм «фильтра», но другие браузеры его не...
48479 просмотров
schedule
10.04.2022
Холст, прокрутка и особый случай использования в Flex
У меня есть холст переменной ширины и высоты с максимальным размером 2K * 2K .
Текущая высота и ширина холста зависят от размера экрана пользователя. Обычно меньше 2К * 2К.
Если пользователь перемещает элемент (свободно движущиеся элементы,...
2768 просмотров
schedule
04.03.2022
MouseLeftButtonDown на холсте требует слишком большой точности
Я отвечаю на события MouseLeftButtonDown для элементов, добавленных на холст WPF. Все это прекрасно работает при нажатии (т. е. обработчик событий срабатывает правильно), но требует слишком большой точности от указателя мыши. Вы должны быть идеально...
1860 просмотров
schedule
15.11.2022
Гибкий холст и событие мыши
Этот простой код показывает зеленый холст на красном холсте, я бы хотел, чтобы зеленый холст позволял ребенку, находящемуся позади него, перехватывать событие нажатия мыши : красный холст.
Как я могу это сделать ?
<?xml version="1.0"...
8543 просмотров
schedule
25.03.2022
WPF, виртуализирующий холст
У нас есть ряд прямоугольников, созданных внутри Canvas, и они вложены в следующем порядке: ScrollView>Canvas>VirtualizingStackPanel>Rectangles в XAML.
Кажется, что в Microsoft мало информации о том, в каких сценариях поддерживается виртуализация,...
6103 просмотров
schedule
24.05.2023
Можно ли привязать свойство Children холста в XAML?
Я немного удивлен, что невозможно настроить привязку для Canvas.Children через XAML. Мне пришлось прибегнуть к подходу с выделенным кодом, который выглядит примерно так:
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{...
49082 просмотров
schedule
17.03.2022
Заметное повышение производительности Flex 3 при использовании Canvas по сравнению с VBox / HBox?
Мне сказали, что при раскладке положения детей при использовании Canvas по сравнению с HBox или VBox производительность увеличивается. В результате некоторые наши компоненты были переведены на использование Canvas. Однако теперь добавлен код для...
4015 просмотров
schedule
21.03.2022
Firefox выдает исключение с HTML Canvas putImageData
Итак, я работал над этим небольшим экспериментом с javascript, и мне нужен был виджет для отслеживания его FPS. Я перенес виджет, который использовал с Actionscript 3, на Javascript, и, похоже, он отлично работает с Chrome/Safari, но в Firefox...
10900 просмотров
schedule
16.04.2022
проблема с рисованием тегов холста
У меня есть тег холста, я использую его для рисования линий, холст представляет собой квадрат. Я использую «пробел» для записи пространства между двумя строками. и у меня есть canvasWidth и canvasHight для записи размера холста, на самом деле это...
932 просмотров
schedule
08.08.2022
Изменена детская коллекция Silverlight Canvas
Есть ли способ отловить, если детская коллекция холста в Silverlight изменилась? (при добавлении или удалении ребенка)
Я знаю, что в ObservableCollection есть такое событие, как я могу рассчитать его для своего холста?
1478 просмотров
schedule
25.07.2023
Отсечение элементов WPF на холсте
Я работаю над интерактивным инструментом графа/дерева WPF, и узлы и связи между ними размещены на холсте. Узлы — это пользовательские элементы управления, а ссылки — это просто линии, и в настоящее время ссылки идут от центра узла к центру другого...
3301 просмотров
schedule
03.04.2022
Алгоритм сортировки родителей перед детьми
Я пишу приложение для рисования, включающее фигуры, которые могут иметь дочерние элементы. Когда мне нужно перерисовать холст, я хотел бы отсортировать фигуры для рисования, чтобы родители появлялись раньше своих детей. Таким образом, родительская...
616 просмотров
schedule
21.03.2022
Алгоритм размещения прямоугольных объектов и объектов произвольного размера внутри непрямоугольного холста
. . Всем привет.
. . У меня есть холст, определяемый многими точками (x, y) — он не прямоугольный, но, по крайней мере, он будет иметь почти шестиугольную форму (например, искаженный шестиугольник с углами, которые всегда составляют ‹ 180...
277 просмотров
schedule
18.03.2022
Видимая область элемента управления?
У меня есть Canvas в ScrollViewer. Canvas имеет размер 600x600, а ScrollViewer — 400x400. Если я прокрутлю вправо, я не увижу левую сторону холста размером 200 пикселей. Поэтому моя область Canvas начинается с x=200, но на самом деле видимая...
2924 просмотров
schedule
02.06.2023
Оптимизация времени загрузки изображений. (думает иначе)
Я создал интерактивное изображение ... но оно загружается слишком долго.
Интерактивное изображение находится по адресу:
southernwindowdesign.com
Он использует 5 изображений для пошагового выполнения каждого состояния (путем щелчка и...
2569 просмотров
schedule
12.04.2023
Как мне создать анимацию прокручиваемого текста только с помощью HTML и CSS (или, я думаю, java), как у Apple на их живой странице?
У меня есть баннер в верхней части моего веб-сайта синего цвета со светлым радиальным градиентом с левой стороны.
Я хочу, чтобы белый текст анимировался вверх по правой стороне баннера. Я хочу, чтобы он появлялся, как появляется, а затем снова...
27180 просмотров
schedule
10.02.2023
Можете ли вы иметь несколько областей отсечения в холсте HTML?
У меня есть код, который загружает кучу изображений в скрытые элементы img, а затем цикл Javascript, который помещает каждое изображение на холст. Однако я хочу обрезать каждое изображение так, чтобы оно представляло собой круг при размещении на...
6442 просмотров
schedule
13.09.2022
Почему установка значений CanvasPixelArray в HTML5 смехотворно медленная и как я могу сделать это быстрее?
Я пытаюсь сделать некоторые динамические визуальные эффекты, используя манипуляции с пикселями холста HTML 5, но я сталкиваюсь с проблемой, когда установка пикселей в CanvasPixelArray смехотворно медленная.
Например, если у меня есть такой код:...
8022 просмотров
schedule
21.07.2022
Холст растягивается при использовании CSS, но обычно со свойствами ширины / высоты
У меня есть 2 холста, один использует атрибуты HTML width и height для его размера, другой использует CSS:
<canvas id="compteur1" width="300" height="300"...
82880 просмотров
schedule
05.11.2022
