html5-canvas- все статьи тега


Сохранить HTML5 canvas как изображение на сервере

У меня был холст html5 с изображением. Люди могут редактировать / настраивать изображение с помощью javascript. После того, как все сделано, они должны иметь возможность разместить это изображение на своей стене Facebook. Насколько я знаю, мы можем удовлетворить требование следующим образом Save Canvas data as image in to my server --> Post to Facebook with its image URL --> Delete the image on call back. Во-первых, это предположение верно, а во-вторых, Как сохранить хо ...

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

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

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

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

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

Я использую инструмент JavaScript "Canvas2Image" Nihilogic для преобразования рисунков холста в изображения PNG. Теперь мне нужно превратить те строки base64, которые этот инструмент генерирует, в фактические файлы PNG на сервере, используя PHP. короче говоря, то, что я сейчас делаю, это создать файл на стороне клиента с помощью Canvas2Image, а затем получить данные в кодировке base64 и отправить его на сервер с помощью AJAX: // Generate the image file var image = Canvas2Image.saveAsPNG(canva ...

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

фотографии с цифровой камеры часто сохраняются в формате JPEG с тегом EXIF "ориентация". Для правильного отображения изображения необходимо поворачивать / зеркально отображать в зависимости от того, какая ориентация установлена, но браузеры игнорируют эту информацию, отображая изображение. Даже в больших коммерческих веб-приложениях поддержка ориентации EXIF может быть пятнистой 1. Тот же источник также предоставляет хорошее резюме 8 различных ориентациях JPEG может есть: образцы изображений ...

Html5 canvas 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.height=150; ctx.drawImage(img,0,0,img.width,img.height,0,0,400,150); } img.src="http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Как вы видите, изображение не сглажено, хотя говорится, что drawImag ...

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

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

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

Я в общей сумме n00b С HTML5 и я работаю с canvas для визуализации фигур, цветов и текста. В моем приложении, у меня есть посмотреть адаптер это создает холст динамически и заполняет его содержимым. Это работает очень хорошо, за исключением того, что мой текст отображается очень нечетким/размытым/растянутым. Я видел много других сообщений о том, почему определение ширина и высота на CSS вызовет эту проблему, но я определяю все это в javascript. соответствующий код (view Скрипка): HTML <d ...

Как нарисовать фигуру, используя кусок изображения в PHP

Мне нужно создать кадр изображения с помощью части изображения. Например: пользователь загрузит часть изображения из бэк-энда: теперь мне нужно создать рамку на переднем конце в соответствии с требованием пользователя переднего плана (пользователь выберет высоту и ширину рамки, а затем он выберет этот кусок изображения) следующим образом: Я не получаю никакого способа сделать это, я попытался сделать это с помощью css и html canvas, но не повезло. может кто-нибудь, пожалуйста, предложит ...