Вопросы по теме 'html5-canvas'
Получение координат последней точки контекста холста
Я хочу создать функцию arrowTo с CanvasRenderingContext2D.prototype . Для этого мне нужно получить координаты последней точки, например.
//...
var ctx = someCanvas.getContext('2d');
ctx.moveTo(10,40);
//the coordinates of the last point are...
7867 просмотров
schedule
27.02.2024
Анимация с javascript и холстом
Я могу делать простые анимации с холстом. Но я должен очистить каждый кадр перед рисованием, и это замедляет рисование (fps ~ 15). Я пытался использовать 2 холста, но безуспешно. У вас есть идеи, как я могу увеличить fps? Могу ли я использовать...
654 просмотров
schedule
25.10.2023
методы синхронизации для нескольких элементов холста html5 на веб-странице
Я нашел несколько статей об использовании кадров анимации запросов для анимации элементов холста html5. http://paulirish.com/2011/requestanimationframe-for-smart-animating/
Если бы у меня было несколько элементов, должен ли я иметь систему...
763 просмотров
schedule
20.02.2024
Как нарисовать нижнюю половину круга на холсте
Я пытаюсь нарисовать нижнюю половину круга, используя соответствующие функции x=cos(theta), y=sin(theta). Если я повторяю тета от Math.PI до 2*Math.PI, вместо этого я получаю верхнюю половину круга:
Что я делаю неправильно в этом фрагменте...
10353 просмотров
schedule
21.11.2022
Можно ли установить фоновое изображение на холсте HTML5 и выполнить некоторые функции рисования, такие как «Отменить», «Стереть», «Очистить», «Сохранить это фоновое изображение»?
Я хочу знать о холсте HTML5. В моем базовом элементе холста я хочу установить фоновое изображение, и на нем я хочу выполнить некоторые функции, такие как краска «Стереть», «Отменить», «Очистить» и сохранить это обработанное изображение (после...
1818 просмотров
schedule
03.05.2024
Позиционирование более 200 элементов div на каждом тике, быстрее ли это с HTML5-тегом ‹canvas›?
Я создаю игру с jQuery, где мне нужно обновлять 200+ (иногда 300) div каждый тик (около 0,02 секунды). Прямо сейчас производительность отличная (хотя и выходит за рамки) и работает в большинстве браузеров.
В моей игре используются «юниты», класс с...
205 просмотров
schedule
14.05.2024
Большой холст HTML5 — перемещение и масштабирование всего содержимого, включая фон
Моя последняя цель — реализовать приложение типа http://www.crystal.ch/abb/power_systems_landscape/ с помощью HTML5.
Как видите, нам может понадобиться большой (2000*600) холст, но я не уверен.
Может ли кто-нибудь дать мне представление о том,...
3832 просмотров
schedule
06.01.2024
Нарисуйте контур объединенных прямоугольников на холсте
Есть ли хороший алгоритмический способ объединить несколько квадратов (каждый имеет четыре точки x / y), чтобы нарисовать контур объединенного рисунка на холсте?
Цифры, на которых я бы хотел убедиться, следующие:
два квадрата соединены в...
954 просмотров
schedule
08.12.2022
Имена динамических переменных с помощью Javascript и конструктора: динамическое клонирование изображения с помощью EaselJS на несколько холстов
Добрый день! Я здесь, чтобы попросить помощи об именах динамических переменных в Javascript, применяемых к конструктору. Это было намного сложнее, чем ожидалось. Я читал об этой проблеме на многочисленных форумах и веб-страницах, но не могу найти,...
2013 просмотров
schedule
08.12.2022
Проблема с полноэкранным режимом Three.js
Я прочитал API Three.js, прочитал вопросы здесь, в StackOverflow, я отладил код с помощью отладчика firebug и chrome, я вырезал все, что мог, но все еще получаю эту раздражающую полноэкранную ошибку , где порт просмотра средства визуализации больше...
18382 просмотров
schedule
17.12.2023
Контрастность изображения холста HTML5
Я писал программу обработки изображений, которая применяет эффекты с помощью обработки пикселей холста HTML5. Я выполнил манипуляции с пикселями Thresholding, Vintaging и ColorGradient, но, что невероятно, я не могу изменить контрастность...
24882 просмотров
schedule
02.04.2024
Как сделать функцию jQuery для холста html5
Рассмотрим простой холст как
$(document).ready(function(){
draw();
});
function draw() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");...
1423 просмотров
schedule
18.09.2022
Поворот текста HTML5
Я хочу повернуть текст по оси X графика. Ниже приведен код, который я использую
context.rotate(20*Math.PI/2);
context.fillText(name, startX + (i * barWidth) + i, chartHeight + 10, 200);
context.rotate(-20*Math.PI/2);
После написания текста...
1408 просмотров
schedule
29.10.2022
Изображение мерцает во время перетаскивания на холсте
Я перетаскиваю изображение на холсте. Но во время перетаскивания изображение мерцает. Я думаю, что есть некоторая проблема в вызове функции. Я реализовал функции с событиями onmousedown, onmouseup и onmousemove. Я рисую изображение на холсте во...
1431 просмотров
schedule
27.10.2023
HTML5 Canvas to PNG обнуляет все каналы, когда альфа-прозрачность
У меня есть Uint32Array, который я пытаюсь преобразовать в текстуру для WebGL. Для этого я пишу массив в виде значений RGBA на холсте и получаю PNG с кодировкой base64 с холста для отправки в виде текстуры.
Всякий раз, когда я устанавливаю для...
862 просмотров
schedule
08.11.2023
Как преобразовать всю html-страницу в изображение с заполненными элементами управления?
Здесь сложность в том, что мне также нужны тексты, которые были заполнены пользователем в элементах управления html.
Будет признательно, если будет использоваться HTML5 или JavaScript.
698 просмотров
schedule
01.11.2022
Сохранение изображения через холст html5
Приведенный ниже код не смог сохранить изображение.
Я хочу нарисовать изображение на холсте по щелчку и хочу сохранить его по щелчку с помощью другой кнопки сохранения.
<head>
<script type="text/javascript">
function draw()...
332 просмотров
schedule
04.01.2024
Three.js: текстура в текстуру данных
Я пытаюсь реализовать отложенное средство просмотра веб-камеры в javascript, используя Three.js для возможностей WebGL.
Мне нужно хранить кадры, полученные с веб-камеры, чтобы их можно было показать через некоторое время (от нескольких миллисекунд...
2920 просмотров
schedule
21.12.2023
Вращающееся колесо с холстом HTML 5
Я пытаюсь заставить эти 2 изображения png просто вращаться на моем холсте. Изображения больше, чем холст, потому что я хочу показать только определенные участки колеса, когда оно вращается в холсте. Я отлично получил png на холсте, они круглые и...
2613 просмотров
schedule
24.12.2023
Ротация Javascript HTML5
Я новичок в JavaScript (и программировании) и не могу понять, как добавить вращение в HTML5 Canvas. По сути, я пытаюсь заставить объект JavaScript вращаться вокруг другого объекта. В моем случае мне нужно заставить планету вращаться вокруг Солнца....
288 просмотров
schedule
01.05.2024
