Вопросы с тегом 'canvas'

Canvas - это общий элемент для вывода графической информации в свободной форме.
21

Как очистить холст для перерисовки

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

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

Google "Сообщить об ошибке" или "Инструмент обратной связи" позволяет вам выбрать область вашего окна браузера, чтобы создать скриншот, который отправляется с отзывами об ошибке. Снимок экрана Джейсона Малого, размещенный в повторяющемся вопросе.С...
06 февр. '11 в 6:58
9

Захват HTML Canvas как gif/jpg/png/pdf?

Можно ли захватить или распечатать то, что отображается в холсте html, как изображение или PDF? Я хотел бы сгенерировать изображение через холст и иметь возможность генерировать png из этого изображения.
29 мая '09 в 0:28
13

Изменение размера холста HTML5 в соответствии с окном

Как я могу автоматически масштабировать элемент HTML5 <canvas> для соответствия странице? Например, я могу получить масштаб <div>, установив свойства height и width на 100%, но <canvas> не будет масштабироваться, не так ли?
03 нояб. '09 в 2:02
18

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

Я пытаюсь создать уменьшенное изображение на стороне клиента, используя javascript и элемент canvas, но когда я уменьшаю изображение, оно выглядит ужасно. Похоже, что он был уменьшен в фотошопе с передискретизацией, установленной на "Nearest Neighbo...
20 февр. '10 в 20:58
22

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

Какой самый простой способ добавить обработчик события клика к элементу canvas, который вернет координаты x и y клика (относительно элемента canvas)? Совместимость браузера не требуется, Safari, Opera и Firefox будут делать.
11 сент. '08 в 2:07
3

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

Я хочу иметь веб-страницу с одним ключевым словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, так что страница "пишет" слово так же, как и мы, т.е. начинается с одной точки и рисует линии и кривые с течением времени, так что конечны...
28 апр. '15 в 5:38
2

Почему мои яйца исчезают?

Извините смешное название. Я создал небольшую графическую демонстрацию из 200 шаров, подпрыгивающих и сталкивающихся, как со стенами, так и друг с другом. Вы можете видеть, что у меня здесь: http://www.exeneva.com/html5/multipleBallsBouncingAndCollid...
16 июн. '12 в 18:35
8

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

Используя элемент HTML5 <canvas>, я хотел бы загрузить файл изображения (PNG, JPEG и т.д.), полностью прозрачно нарисовать его на холсте, а затем затушить его. Я выяснил, как загрузить изображение и нарисуйте его на холсте, но я не знаю, как и...
01 мар. '10 в 22:22
7

Холст растягивается при использовании CSS, но нормальный с свойствами "ширина" / "высота"

У меня есть 2 холста, один использует атрибуты HTML width и height для его размера, а другой использует CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style...
06 апр. '10 в 20:45
14

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

В HTML5 Canvas нет метода для явной установки одного пикселя. Возможно, можно установить пиксель с использованием очень короткой строки, но тогда могут возникнуть помехи и штрихи. Другим способом может быть создание небольшого объекта ImageData и ...
04 февр. '11 в 15:38
4

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

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

jQuery эквивалент получения контекста холста

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

Высокое качество изображения в формате HTML5 Canvas (Downscale)?

Я использую элементы холста html5 для изменения размеров изображений в моем браузере. Оказывается, качество очень низкое. Я нашел это: Отключить интерполяцию при масштабировании < холст > , но это не помогает повысить качество. Ниже приведен к...
20 сент. '13 в 17:48
22

Как вы можете найти высоту текста на холсте HTML?

Спецификация имеет функцию context.measureText(text), которая сообщит вам, сколько ширины потребуется для печати этого текста, но я не могу найти способ узнать, насколько он высок. Я знаю это на основе шрифта, но я не знаю, чтобы преобразовать строку...
15 июл. '09 в 23:06