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

Canvas - это HTML-элемент, который позволяет динамически, с возможностью сценариев рендеринга 2D-форм, 3D-форм, растровых изображений и анимаций в 2D и 3D.
21

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

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

Холст HTML5 против SVG против div

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

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

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

Как сохранить холст HTML5 как изображение на сервере?

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

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

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

Как сохранить PNG-изображение на стороне сервера, из строки данных base64

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

Тонкие холсты могут не экспортироваться

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

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

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

Ориентация Exif на стороне клиента JS: поворот и зеркальное отображение изображений в формате JPEG

Фотографии цифровой камеры часто сохраняются как JPEG с тегом ориентации EXIF. Для правильной отображения изображений необходимо поворачивать/зеркалировать в зависимости от того, какая ориентация установлена, но браузеры игнорируют эту информацию, от...
15 дек. '13 в 22:41
10

Как исправить ошибку getImageData() Холст был испорчен данными перекрестного происхождения?

Мой код работает очень хорошо на моем localhost, но он не работает на сайте. Я получил эту ошибку с консоли, для этой строки .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The c...
28 февр. '14 в 14:22
8

Доступ к данным JPEG EXIF ​​для вращения в JavaScript на стороне клиента

Я хотел бы повернуть фотографии на основе их первоначального вращения, заданного камерой в данных JPEG EXIF. Фокус в том, что все это должно произойти в браузере, используя JavaScript и <canvas>. Как можно использовать JavaScript для доступа ...
28 сент. '11 в 14:25
9

как рисовать гладкую кривую через N точек с помощью javascript HTML5 canvas?

Для приложения рисования я сохраняю координаты перемещения мыши в массив, а затем рисую их с помощью lineTo. Полученная строка не является гладкой. Как я могу создать одну кривую между всеми собранными точками? У меня есть googled, но я нашел только...
14 авг. '11 в 0:52
8

Есть ли причина использовать WebGL вместо 2D Canvas для 2D-игр/приложений?

Есть ли какая-либо причина, кроме производительности, для использования WebGL вместо 2D-Canvas для игр 2D игр/приложений? Другими словами, какие 2D функциональности предлагаются WebGL, которых невозможно достичь с помощью 2D-Canvas?
06 февр. '14 в 12:43
4

Текущее состояние библиотек холста Javascript?

Я занимаюсь исследованиями в библиотеках HTML-холстов, и я столкнулся с этим вопросом. Каково современное состояние в HTML-библиотеках JavaScript и фреймворках HTML, которое было задано в 2010 году. Главный ответ - Fabric.js. Проведя немного больше и...
20 янв. '12 в 9:08
9

Как исправить размытый текст в моем холсте HTML5?

Я полный n00b с HTML5 и работаю с canvas для визуализации фигур, цветов и текста. В моем приложении у меня есть адаптер вида, который создает холст динамически и заполняет его контентом. Это работает действительно красиво, за исключением того, что м...
27 мар. '13 в 14:25