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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изменение фона three.js на прозрачный или другой цвет

Я пытаюсь изменить то, что по умолчанию является фоновым цветом по умолчанию моего холста от черного до прозрачного/любого другого цвета - но не удачи. Мой HTML: <canvas id="canvasColor"> Мой CSS: <style type="text/css"> #canvasColor...
задан 23 апр. '13 в 21:53
7
ответов

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

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

Html5 холст drawImage: как применять сглаживание

Обратите внимание на следующий пример: http://jsfiddle.net/MLGr4/47/ var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); img=new Image(); img.onload=function(){ canvas.width=400; canvas.h...
задан 25 июля '13 в 17:51
4
ответов

как рисовать сетку с помощью html5 и (canvas или svg)

Я хочу нарисовать сетку, как показано на изображении, но у меня совершенно нет идеи, с чего начать. Должен ли я использовать SVG или использовать Canvas с HTML5 и как рисовать его. Пожалуйста, руководство по этому вопросу. Я хочу, чтобы эта се...
задан 08 янв. '13 в 8:22