Canvas - это элемент HTML, который позволяет динамически отображать 2D-формы, 3D-фигуры, растровые изображения и анимацию с возможностью создания сценариев как в 2D, так и в 3D.
После экспериментов с составными операциями и рисования изображений на холсте, я сейчас пытаюсь удалить изображения и композитинг. Как мне это сделать? Мне нужно очистить холст для перерисовки других изображений; это может продолжаться некоторое время, поэтому я не думаю, что рисование нового...
Каков наилучший подход для создания элементов на лету и возможности их перемещения? Например, допустим, я хочу создать прямоугольник, круг и многоугольник, а затем выбрать эти объекты и переместить их. Я понимаю, что HTML5 предоставляет три элемента, которые могут сделать это возможным: svg ,...
Как я могу автоматически масштабировать <canvas>элемент HTML5, чтобы он соответствовал странице? Например, я могу получить <div>в масштабе, установив heightи widthсвойства на 100%, но <canvas>не будет масштабироваться, будет ли...
Я работаю над генеративным художественным проектом, в котором я хотел бы позволить пользователям сохранять полученные изображения из алгоритма. Общая идея такова: Создайте изображение на холсте HTML5, используя генеративный алгоритм Когда изображение будет готово, разрешите пользователям сохранять...
Я хочу иметь веб-страницу с одним центрированным словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, чтобы страница «записывала» слово так же, как и мы, то есть оно начинается в одной точке и рисует линии и кривые с течением времени, так что конечным результатом является глиф. Мне...
Я использую инструмент Canvas2Image от Nihilogic для преобразования рисунков холста в изображения PNG. Теперь мне нужно превратить те строки base64, которые генерирует этот инструмент, в настоящие файлы PNG на сервере с использованием PHP. Короче говоря, сейчас я создаю файл на стороне клиента с...
Я хочу сохранить свой холст в 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"; } Это...
Фотографии с цифровых камер часто сохраняются в формате JPEG с тегом «ориентации» EXIF. Для правильного отображения изображения необходимо поворачивать / отражать в зависимости от установленной ориентации, но браузеры игнорируют эту информацию, отображающую изображение. Даже в крупных коммерческих...
Я использую html5 элементы холста, чтобы изменить размеры изображений в моем браузере. Оказывается, качество очень низкое. Я нашел это: Отключить интерполяцию при масштабировании <canvas>, но это не помогает повысить качество. Ниже мой код CSS и JS, а также изображение, масштабированное с...
Для приложения для рисования я сохраняю координаты движения мыши в массив, а затем рисую их с помощью lineTo. Получившаяся линия не гладкая. Как я могу построить единую кривую между всеми собранными точками? Я погуглил, но нашел только 3 функции для рисования линий: Для 2 точек выборки просто...
Мой код очень хорошо работает на моем локальном хосте, но не работает на сайте. Я получил эту ошибку из консоли для этой строки .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data....
Я хочу повернуть фотографии на основе их исходного поворота, установленного камерой в данных изображения JPEG EXIF. Хитрость в том, что все это должно происходить в браузере с использованием JavaScript и <canvas>. Как JavaScript может получить доступ к JPEG, локальному объекту файлового API,...
Я пытался изменить цвет фона моего холста по умолчанию с черного на прозрачный / любой другой цвет, но безуспешно. Мой HTML: <canvas id="canvasColor"> Мой CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Как вы можете видеть в...
Есть ли какая-либо причина, кроме производительности, для использования WebGL вместо 2D-Canvas для 2D- игр / приложений? Другими словами, какие 2D-функции предлагает WebGL, чего невозможно легко достичь с помощью...
Я пытаюсь сложить два холста вместе и сделать их двухслойным холстом. Я видел здесь пример: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100"...
Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 7 лет назад . Уточните этот вопрос Я занимался исследованием библиотек...
Я пытаюсь изменить размер некоторых изображений с помощью холста, но не знаю, как их сгладить. В фотошопе, браузерах и т. Д. Они используют несколько алгоритмов (например, бикубический, билинейный), но я не знаю, встроены они в холст или нет. Вот моя скрипка: http://jsfiddle.net/EWupT/ var canvas...
Я в целом n00b с HTML5и работаю над canvasвизуализацией форм, цветов и текста. В моем приложении у меня есть адаптер представления, который динамически создает холст и заполняет его содержимым. Это действительно прекрасно работает, за исключением того, что мой текст отображается очень нечетким /...
Есть ли способ прочитать содержимое холста HTML как двоичные данные? На данный момент у меня есть следующий HTML-код для отображения входного файла и холста под ним: <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input...
Я использую калибровочную диаграмму на основе ( Chartjs-tsgauge ). Я хочу установить цвета фона для графика отдельно от пределов датчика. Проблема с тем, как Charts.JS отображает фон, потому что используемый мной плагин не имеет кода о фонах. Например, у меня есть датчик с ограничениями [0, 20, 40,...