Запитання з тегом «canvas»

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

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