Публикации по теме 'canvas'
Топ-5 библиотек JavaScript для досок и холстов с открытым исходным кодом
Библиотека доски и холста — это библиотека JavaScript, которая позволяет создавать графику на элементе холста и манипулировать ею. Эти библиотеки часто используются для создания интерактивных досок, приложений для рисования и других графических приложений.
Вот 5 лучших библиотек JavaScript для досок и холстов с открытым исходным кодом:
Excalidraw (☆54,5K) — бесплатная библиотека JavaScript с открытым исходным кодом, которая позволяет создавать красивые, нарисованные от руки..
Вопросы по теме 'canvas'
Как получить удаленное изображение для отображения на холсте?
Как я могу получить изображения с сервера?
У меня есть этот фрагмент кода, который позволяет мне рисовать изображения на холсте.
<html>
<head>
<script type="text/javascript">
function draw(){
var canvas =...
15.11.2023
Вертикальная полоса прокрутки на холсте в J2ME
Я хочу нарисовать вертикальную полосу прокрутки на холсте в J2ME.
Я собираюсь разработать приложение в J2ME, но как мне добавить вертикальную полосу прокрутки на холст в J2ME?
Так что я могу разместить много данных на холсте...
05.12.2023
Холст в HTML5: удаление предыдущего прямоугольника
Я возился с элементом canvas в html5, и вот что у меня получилось после небольшого эксперимента
function canvasMove(e) {
var canvas = document.getElementById('game');
if(canvas.getContext) {
var draw = canvas.getContext('2d');...
13.01.2024
Сохранение графики холста html5 при изменении положения/размере
Я заметил, что когда вы перемещаете холст или изменяете его размер, все внутри стирается. Я помню, что у меня была аналогичная проблема в приложениях Windows Forms на С#. В любом случае, как лучше всего сохранить графику на холсте, даже после ее...
07.11.2023
Как сделать так, чтобы html-холст прокручивался бесконечно?
У меня есть элемент холста, который автоматически заполняет все окно браузера клиента при загрузке. На нем можно рисовать мышкой, как в любом учебнике по созданию чертежной доски. Что я хочу сделать, так это сделать так, чтобы, если вы переместите...
15.11.2023
Очистить весь преобразованный холст HTML5 с сохранением преобразования контекста
Я хочу масштабировать и перемещать холст HTML5, преобразуя контекст с помощью translate() и scale() , очищая холст и затем перерисовывая. Обратите внимание, что я явно не вызываю save() и restore() вокруг своих преобразований.
Если я...
18.01.2024
Вычислить пустую область ХОЛСТА
Помоги мне:
У меня есть холст. Внутри этого холста есть некоторые фигуры, эти формы меняются случайным образом с течением времени, и они бывают разных типов (например, треугольник, параллелограмм, трапеция, квадрат, круг и т. д.). На этом холсте...
09.11.2023
Я не получаю параметр signed_request на своей странице холста
Мое приложение не получает параметр signed_request, когда я загружаю приложение на холсте. Я получаю отправленные код и переменную состояния, но параметр signed_request не отправляется. Как я могу получить этот параметр? Моя страница холста:...
13.11.2023
Маршрут не соответствует [POST] / ошибка при указании URL-адреса холста facebook на localhost: 3000
Я пытаюсь научиться создавать приложение на холсте facebook с помощью ruby/rails и разрабатывать его локально.
Я создаю новое демонстрационное приложение и запускаю сервер на своем локальном компьютере по адресу localhost:3000, затем создаю новое...
24.12.2023
addEventListener для нажатия клавиш на холсте
Я пытаюсь создать приложение на основе холста, которое реагирует на ввод с клавиатуры и мыши. У меня есть этот код:
canvas = document.getElementById('canvas');
canvas.addEventListener('mousedown', function(event) {
alert('mousedown');...
18.11.2023
Где можно применить фильтр в overlayImage?
Я хотел бы применить фильтр в overlayImage. единственный способ сделать это - применить фильтр ко всему холсту после рендеринга?
20.12.2023
Установка zindex для прямоугольника на холсте не выводит его на передний план
У меня проблема с холстом и нарисованными на нем прямоугольниками. Они получают события в обратном порядке создания (самые новые сверху), а не в порядке zindex...
У меня ItemsControl привязан к списку ресурсов.
Затем есть холст как панель...
03.01.2024
Преобразование холста, использующего метод drawimage, в png
У меня есть две кнопки, одна кнопка создает холст с изображением. Другие кнопки преобразуют холст в данные png (по крайней мере, это то, чего я хочу добиться).
Проблема в том, что JavaScript почему-то не преобразует холст в данные изображения....
26.10.2023
HTML5 Canvas: отрисовка не определена
Я пытаюсь следовать руководству Mozilla HTML5 Canvas здесь . но я получаю сообщение об ошибке:
Uncaught ReferenceError: draw is not defined
У меня есть свой сценарий как таковой:
<script...
19.01.2024
Ограничение размера изображения (‹1 МБ) при изменении размера холста HTML5
У меня есть загрузчик HTML5 для изображений. Я загружаю два изображения для любого изображения, которое выбрал пользователь. Один 64х64, другой 320х240. Я использую canvas.drawImage() для изменения размера изображений. Все работает нормально....
17.11.2023
Перетаскивание фигур на холсте SWT Draw2D
Я написал код, который позволяет перетаскивать на холст и поддерживает перетаскивание сброшенного рисунка внутри самого холста. Проблема в том, что код, реализующий перетаскивание внутри холста, иногда генерирует исключение NullPointerException. Я...
22.01.2024
Не могу добавить scrollView в макет
Мне нужно разделить макет на две части:
верхняя часть должна быть без ScrollView (чтобы рисовать горизонтальные и вертикальные линии. У меня проблемы с рисованием вертикальных линий, когда у полного макета есть ScrollView)
нижняя часть должна...
13.11.2023
Не удается сделать снимок холста HTML5 с помощью toDataURL()
Я создаю анимацию three.js и пытаюсь сделать снимок анимации с помощью функции холста HTML5, используя Получение двоичных (base64) данных из HTML5 Canvas (readAsBinaryString) .
Я пытался, но безуспешно, снимок, который я получил, белый, без...
13.12.2023
получить четыре координаты прямоугольника, холст android
Привет, я хочу создать собственное представление, в котором я загружаю растровое изображение с черной рамкой, а справа | вверху есть кнопка закрытия
поэтому, когда пользователь нажимает эту кнопку закрытия, это изображение должно быть удалено...
02.12.2023
Включить жест прокрутки мобильного устройства на холсте paperjs
Я разработал веб-приложение, которое использует библиотеку paper.js для отображения некоторых основных фигур рисования.
Моя проблема в том, что при просмотре на смартфоне веб-страницу нельзя прокручивать вверх или вниз с помощью жестов прокрутки,...
22.11.2023
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально
Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение
Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования
Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv)
Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..