Вопросы с тегом «canvas»

Холст - это общий термин для поверхности рисования, используемой во многих API вывода графики произвольной формы. Используйте этот тег с другими тегами, которые указывают конкретный графический API, который используется вместе с языком программирования и целевой средой: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] и т. д. Также включите специальный тег холста, например [android-canvas], [html5-canvas], [tkinter-canvas], если необходимо.

5
Алгоритм листов карты
Карта Я делаю RPG на основе плиток с Javascript, используя перлин-карты высоты шума, а затем назначаю тип плиток на основе высоты шума. Карты в конечном итоге выглядят примерно так (на мини-карте). У меня есть довольно простой алгоритм, который извлекает значение цвета из каждого пикселя на изображении и преобразует его в …
7
HTML5 Canvas 100% Ширина Высота области просмотра?
Я пытаюсь создать элемент canvas, который занимает 100% ширины и высоты области просмотра. Вы можете видеть в моем примере, который здесь происходит, однако он добавляет полосы прокрутки как в Chrome, так и в FireFox. Как я могу запретить лишние полосы прокрутки и просто точно указать ширину и высоту окна в …
151 jquery  html  canvas  viewport 
10
Как сохранить холст как изображение с помощью canvas.toDataURL ()?
В настоящее время я создаю веб-приложение HTML5 / собственное приложение Phonegap, и я не могу понять, как сохранить свой холст в виде изображения с помощью canvas.toDataURL(). Кто-нибудь может мне помочь? Вот код, что с ним не так? // Мой холст был назван "canvasSignature" JavaScript: function putImage() { var canvas1 = …
14
HTML5 Canvas Resize (Downscale) Изображение высокого качества?
Я использую html5 элементы холста, чтобы изменить размеры изображений в моем браузере. Оказывается, качество очень низкое. Я нашел это: Отключить интерполяцию при масштабировании <canvas>, но это не помогает повысить качество. Ниже мой код CSS и JS, а также изображение, масштабированное с помощью Photoshop и масштабированное в Canvas API. Что мне …
23
Как вы можете найти высоту текста на холсте HTML?
В спецификации есть функция context.measureText (text), которая сообщит вам, сколько ширины потребуется для печати этого текста, но я не могу найти способ узнать, насколько он высокий. Я знаю, что он основан на шрифте, но я не знаю, как преобразовать строку шрифта в высоту текста.
148 javascript  text  canvas 
9
Управление фпс с помощью requestAnimationFrame?
Похоже, requestAnimationFrameэто де-факто способ оживить вещи сейчас. По большей части это сработало довольно хорошо, но сейчас я пытаюсь сделать анимацию холста, и мне стало интересно: есть ли способ убедиться, что он работает с определенным fps? Я понимаю, что цель rAF - постоянно плавные анимации, и я могу рискнуть сделать свою …
8
Лучший способ определить, что HTML5 <canvas> не поддерживается
Стандартный способ справиться с ситуациями, когда браузер не поддерживает &lt;canvas&gt;тег HTML5, - это встроить резервный контент, например: &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; Но остальная часть страницы остается прежней, что может быть неуместным или вводящим в заблуждение. Я хотел бы каким-то образом обнаружить отсутствие поддержки холста, чтобы я мог соответствующим образом …
10
как нарисовать плавную кривую через N точек с помощью холста javascript HTML5?
Для приложения для рисования я сохраняю координаты движения мыши в массив, а затем рисую их с помощью lineTo. Получившаяся линия не гладкая. Как я могу построить единую кривую между всеми собранными точками? Я погуглил, но нашел только 3 функции для рисования линий: Для 2 точек выборки просто используйте lineTo. Для …
5
Рисование файла SVG на холсте HTML5
Есть ли способ рисования файла SVG на холсте HTML5 по умолчанию? Google Chrome поддерживает загрузку SVG как изображения (и просто использование drawImage), но консоль разработчика предупреждает об этом resource interpreted as image but transferred with MIME type image/svg+xml. Я знаю, что есть возможность конвертировать SVG в команды canvas (как в …
131 html  canvas  svg 
2
Как скопировать содержимое одного холста на другой холст локально
Я хотел бы скопировать ВСЕ содержимое одного холста и перенести его на другой на стороне клиента. Я бы подумал, что использую метод canvas.toDataURL()and context.drawImage()для реализации этого, но я столкнулся с несколькими проблемами. Моим решением было бы получить Canvas.toDataURL()и сохранить это в объекте Image в Javascript, а затем использовать этот context.drawImage()метод, …
129 html  canvas 
7
Как добавить простой обработчик событий onClick к элементу холста?
Я опытный программист на Java, но впервые примерно за десять лет смотрю на некоторые вещи, связанные с JavaScript / HTML5. Я совершенно не понимаю, что должно быть самым простым. В качестве примера я просто хотел что-то нарисовать и добавить к нему обработчик событий. Я уверен, что делаю что-то глупое, но …
5
Отключить интерполяцию при масштабировании <холста>
ПРИМЕЧАНИЕ . Это связано с тем, как существующие элементы холста отображаются при увеличении масштаба , а не в том, как линии или графика отображаются на поверхности холста . Другими словами, это есть всечтобы сделать с интерполяцией из масштабируемых элементов , и ничего общего с сглаживанием графической втягивается на холсте. Меня …
126 javascript  html  canvas 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.