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

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

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

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

Каков наилучший подход для создания элементов на лету и возможности их перемещения? Например, допустим, я хочу создать прямоугольник, круг и многоугольник, а затем выбрать эти объекты и переместить их. Я понимаю, что HTML5 предоставляет три элемента, которые могут сделать это возможным: svg ,...

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

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

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

Я работаю над генеративным художественным проектом, в котором я хотел бы позволить пользователям сохранять полученные изображения из алгоритма. Общая идея такова: Создайте изображение на холсте HTML5, используя генеративный алгоритм Когда изображение будет готово, разрешите пользователям сохранять...

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

Я использую инструмент Canvas2Image от Nihilogic для преобразования рисунков холста в изображения PNG. Теперь мне нужно превратить те строки base64, которые генерирует этот инструмент, в настоящие файлы PNG на сервере с использованием PHP. Короче говоря, сейчас я создаю файл на стороне клиента с...

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

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

У меня есть 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;"...

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

Я хочу сохранить свой холст в img. У меня есть эта функция: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } Это...

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

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

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

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

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