У меня есть следующий рабочий код: ctx = document.getElementById("canvas").getContext('2d'); Есть ли способ переписать его для использования $? Делать это не удается: ctx =
Фотографии с цифровых камер часто сохраняются в формате JPEG с тегом «ориентации» EXIF. Для правильного отображения изображения необходимо поворачивать / отражать в зависимости от установленной ориентации, но браузеры игнорируют эту информацию, отображающую изображение. Даже в крупных коммерческих...
Карта Я делаю RPG на основе плиток с Javascript, используя перлин-карты высоты шума, а затем назначаю тип плиток на основе высоты шума. Карты в конечном итоге выглядят примерно так (на мини-карте). У меня есть довольно простой алгоритм, который извлекает значение цвета из каждого пикселя на...
Я пытаюсь создать элемент canvas, который занимает 100% ширины и высоты области просмотра. Вы можете видеть в моем примере, который здесь происходит, однако он добавляет полосы прокрутки как в Chrome, так и в FireFox. Как я могу запретить лишние полосы прокрутки и просто точно указать ширину и...
Можно ли писать текст на HTML5
В настоящее время я создаю веб-приложение HTML5 / собственное приложение Phonegap, и я не могу понять, как сохранить свой холст в виде изображения с помощью canvas.toDataURL(). Кто-нибудь может мне помочь? Вот код, что с ним не так? // Мой холст был назван "canvasSignature" JavaScript: function...
Я использую html5 элементы холста, чтобы изменить размеры изображений в моем браузере. Оказывается, качество очень низкое. Я нашел это: Отключить интерполяцию при масштабировании <canvas>, но это не помогает повысить качество. Ниже мой код CSS и JS, а также изображение, масштабированное с...
В спецификации есть функция context.measureText (text), которая сообщит вам, сколько ширины потребуется для печати этого текста, но я не могу найти способ узнать, насколько он высокий. Я знаю, что он основан на шрифте, но я не знаю, как преобразовать строку шрифта в высоту...
Я обнаружил, что есть только прямоугольник с заливкой, но нет скругленного угла, как я могу это сделать?
Похоже, requestAnimationFrameэто де-факто способ оживить вещи сейчас. По большей части это сработало довольно хорошо, но сейчас я пытаюсь сделать анимацию холста, и мне стало интересно: есть ли способ убедиться, что он работает с определенным fps? Я понимаю, что цель rAF - постоянно плавные...
Стандартный способ справиться с ситуациями, когда браузер не поддерживает <canvas>тег HTML5, - это встроить резервный контент, например: <canvas>Your browser doesn't support "canvas".</canvas> Но остальная часть страницы остается прежней, что может быть неуместным или вводящим в...
Для приложения для рисования я сохраняю координаты движения мыши в массив, а затем рисую их с помощью lineTo. Получившаяся линия не гладкая. Как я могу построить единую кривую между всеми собранными точками? Я погуглил, но нашел только 3 функции для рисования линий: Для 2 точек выборки просто...
Любой простой способ измерить высоту текста? Я делаю это сейчас, используя Paint measureText()для получения ширины, а затем методом проб и ошибок нахожу значение для получения приблизительной высоты. Я тоже возился FontMetrics, но все это похоже на приблизительные методы, которые отстой. Я пытаюсь...
Мой код очень хорошо работает на моем локальном хосте, но не работает на сайте. Я получил эту ошибку из консоли для этой строки .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data....
Есть ли способ рисования файла SVG на холсте HTML5 по умолчанию? Google Chrome поддерживает загрузку SVG как изображения (и просто использование drawImage), но консоль разработчика предупреждает об этом resource interpreted as image but transferred with MIME type image/svg+xml. Я знаю, что есть...
Я хотел бы скопировать ВСЕ содержимое одного холста и перенести его на другой на стороне клиента. Я бы подумал, что использую метод canvas.toDataURL()and context.drawImage()для реализации этого, но я столкнулся с несколькими проблемами. Моим решением было бы получить Canvas.toDataURL()и сохранить...
Есть ли метод, который возвращает ширину (в пикселях) текста, который нужно нарисовать на холсте Android, с помощью метода drawText () в соответствии с Paint, использованным для его...
Я опытный программист на Java, но впервые примерно за десять лет смотрю на некоторые вещи, связанные с JavaScript / HTML5. Я совершенно не понимаю, что должно быть самым простым. В качестве примера я просто хотел что-то нарисовать и добавить к нему обработчик событий. Я уверен, что делаю что-то...
ПРИМЕЧАНИЕ . Это связано с тем, как существующие элементы холста отображаются при увеличении масштаба , а не в том, как линии или графика отображаются на поверхности холста . Другими словами, это есть всечтобы сделать с интерполяцией из масштабируемых элементов , и ничего общего с сглаживанием...
Я хочу повернуть фотографии на основе их исходного поворота, установленного камерой в данных изображения JPEG EXIF. Хитрость в том, что все это должно происходить в браузере с использованием JavaScript и <canvas>. Как JavaScript может получить доступ к JPEG, локальному объекту файлового API,...