программирование canvas

23

После экспериментов с составными операциями и рисования изображений на холсте, я сейчас пытаюсь удалить изображения и композитинг. Как мне это сделать? Мне нужно очистить холст для перерисовки других изображений; это может продолжаться некоторое время, поэтому я не думаю, что рисование нового прямоугольника каждый раз будет наиболее эффективным вариантом.

1013 javascript html canvas html5-canvas composite

5

Использование HTML5 / Canvas / JavaScript для создания скриншотов в браузере

Google «Сообщить об ошибке» или «Инструмент обратной связи» позволяет выбрать область окна браузера, чтобы создать снимок экрана, который будет отправлен вместе с вашим отзывом об ошибке. Снимок экрана Джейсона Смолла, размещенный в дублирующем вопросе . Как они это делают? API обратной связи JavaScript Google загружается отсюда, и их обзор модуля …

924 javascript html canvas screenshot

11

Захватить холст HTML как gif / jpg / png / pdf?

Можно ли захватить или распечатать то, что отображается в HTML-холсте в виде изображения или PDF? Я хотел бы сгенерировать изображение через холст и быть в состоянии сгенерировать png из этого изображения.

719 javascript html canvas export png

18

Изменение размера изображения на холсте HTML5

Я пытаюсь создать уменьшенное изображение на стороне клиента, используя javascript и элемент canvas, но когда я уменьшаю изображение, оно выглядит ужасно. Похоже, что он был уменьшен в фотошопе с передискретизацией, установленной на «Nearest Neighbor» вместо Bicubic. Я знаю, что можно сделать так, чтобы это выглядело правильно, потому что этот сайт …

314 javascript html canvas image-resizing

22

Как получить координаты щелчка мышью на элементе canvas?

Какой самый простой способ добавить обработчик события click к элементу canvas, который будет возвращать координаты x и y клика (относительно элемента canvas)? Совместимость с устаревшими браузерами не требуется, Safari, Opera и Firefox подойдут.

276 javascript canvas

4

Как я могу оживить рисование текста на веб-странице?

Я хочу иметь веб-страницу с одним центрированным словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, чтобы страница «записывала» слово так же, как и мы, то есть оно начинается в одной точке и рисует линии и кривые с течением времени, так что конечным результатом является глиф. Мне все …

229 javascript css canvas html5-canvas css-shapes

2

Почему мои яйца исчезают? [закрыто]

Закрыто. Этот вопрос не воспроизводится или был вызван опечатками . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме переполнения стека. Закрыто 6 лет назад . Улучшить этот вопрос Простите за смешное название. Я создал небольшую графическую демонстрацию, в которой 200 шариков …

202 javascript canvas geometry physics collision

8

Как изменить непрозрачность (альфа, прозрачность) элемента в элементе canvas после его отрисовки?

Используя <canvas>элемент HTML5 , я хотел бы загрузить файл изображения (PNG, JPEG и т. Д.), Нарисовать его на холсте полностью прозрачно, а затем добавить его. Я выяснил, как загрузить изображение и нарисовать его в холст, но я не знаю, как изменить его непрозрачность, как только он был нарисован. Вот код, …

196 html canvas transparency opacity alpha

8

Canvas растягивается при использовании CSS, но обычно со свойствами «width» / «height»

У меня есть 2 холста, один использует атрибуты HTML widthи heightего размер, другой использует CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 отображается так, как должно, но не compteur2. Контент рисуется с использованием JavaScript на холсте размером 300x300. Почему разница в отображении?

195 css html canvas height width

14

Каков наилучший способ установить один пиксель на холсте HTML5?

В HTML5 Canvas нет метода для явной установки одного пикселя. Может быть возможно установить пиксель, используя очень короткую линию, но тогда может помешать сглаживание и ограничение строки. Другим способом может быть создание небольшого ImageDataобъекта и использование: context.putImageData(data, x, y) поставить его на место. Кто-нибудь может описать эффективный и надежный способ …

184 html canvas pixel

4

Ширина и высота холста в HTML5

Можно ли исправить ширину и высоту canvasэлемента HTML5 ? Обычный способ заключается в следующем: <canvas id="canvas" width="300" height="300"></canvas>

182 html canvas

7

html5 - элемент canvas - несколько слоев

Без какой-либо библиотеки расширений возможно ли иметь несколько слоев в одном элементе canvas? Так что, если я сделаю clearRect на верхнем слое, он не сотрет нижний? Спасибо.

176 html canvas layer

6

Захватить подпись с помощью HTML5 и iPad

Кто-нибудь знает, как это можно сделать? Вы бы использовали объект canvas, svg, jQuery и т. Д.?

165 ipad html canvas svg

13

Увеличьте точку (используя масштаб и перевод)

Я хочу иметь возможность увеличивать точку под мышью на холсте HTML 5, как масштабирование на Картах Google . Как я могу этого достичь?

156 javascript html canvas

4

JQuery эквивалент получения контекста Canvas

У меня есть следующий рабочий код: ctx = document.getElementById("canvas").getContext('2d'); Есть ли способ переписать его для использования $? Делать это не удается: ctx = $("#canvas").getContext('2d');

155 javascript jquery html canvas

Вопросы с тегом «canvas»