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

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

6
Зміна фону three.js на прозорий або інший колір
Я намагався змінити кольори тла мого полотна за замовчуванням на чорний на прозорий / будь-який інший колір, але не пощастило. Мій HTML: <canvas id="canvasColor"> Мій CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Як ви бачите на наступному прикладі в Інтернеті, у мене на полотні додається …
5
Швидкі та чуйні інтерактивні діаграми / графіки: SVG, Canvas, інші?
Я намагаюся вибрати правильну технологію, яку слід використовувати для оновлення проекту, який, в основному, відображає тисячі балів у масштабованому, панорамуваному графіку. Поточна реалізація, використовуючи Protovis, є недостатньо ефективною. Перевірте це тут: http://www.planethunters.org/classify При повному зменшенні масштабів існує близько 2000 балів. Спробуйте скористатися ручками внизу, щоб трохи збільшити масштаб, і перетягніть …
114 html  canvas  svg  d3.js  kineticjs 
14
Максимальний розмір елемента <canvas>
Я працюю з елементом полотна з висотою 600до1000 пікселів і шириною в кілька десятків або сотень тисяч пікселів. Однак після певної кількості пікселів (очевидно, невідомих) полотно більше не відображає фігури, які я малюю за допомогою JS. Хтось знає, чи є обмеження? Тестовано як у Chrome 12, так і в Firefox …
112 javascript  html  canvas 
5
Нанесення зображення з URL-адреси даних на полотно
Як я можу відкрити зображення на полотні? який закодований Я використовую var strDataURI = oCanvas.toDataURL(); Виходом є закодоване базове зображення 64. Як я можу намалювати це зображення на полотні? Я хочу використовувати зображення strDataURI та створити зображення? Це піддаються руйнування? Якщо це не так, що, можливо, може бути рішенням для …
112 image  html  canvas  data-uri 
17
HTML5 полотно ctx.fillText не зробить розривів рядків?
Здається, я не можу додати текст до полотна, якщо текст включає "\ n". Я маю на увазі, перерив рядків не відображається / працює. ctxPaint.fillText("s ome \n \\n &lt;br/&gt; thing", x, y); Вищеописаний код буде намальовано "s ome \n &lt;br/&gt; thing"в одному рядку. Це обмеження fillText чи я роблю це неправильно? …
108 javascript  html  canvas  line  break 
15
Який сучасний стан бібліотек та фреймворків JavaScript у полотні HTML? [зачинено]
Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 7 років тому . Удосконаліть це питання Наразі я досліджую варіанти роботи з полотном у новому додатку HTML …
4
Як додати зображення до полотна
Я трохи експериментую з новим елементом canvas в HTML. Я просто хочу додати зображення до полотна, але воно чомусь не працює. У мене є такий код: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() …
106 javascript  html  canvas 
8
Як центрувати полотно в html5
Я деякий час шукав рішення, але нічого не знайшов. Можливо, це лише мої пошукові терміни. Ну, я намагаюся зробити центр полотна відповідно до розміру вікна браузера. Полотно розміром 800х600. І якщо вікно опуститься нижче 800x600, воно також має змінити розмір (але це не дуже важливо на даний момент)
105 html  canvas  css  resize 
3
Використовуйте HTML5, щоб змінити розмір зображення перед завантаженням
Я знайшов кілька різних публікацій і навіть запитань про stackoverflow, що відповідають на це запитання. Я в основному реалізую те саме, що і цей пост . Тож ось моє питання. Коли я завантажую фотографію, мені також потрібно подати решту форми. Ось мій html: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" type="file" id="takePictureField" …
102 javascript  html  canvas 
9
Пакет cairo не знайдено у шляху пошуку pkg-config. Вузол js встановити випуск полотна
У мене виникають проблеми з установкою модуля полотна у вузлі. Здається, це щось із Каїром, я отримую цю помилку ... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was not found in the …
5
Отримайте відстань між двома точками на полотні
У мене є вкладка малювання полотна і хочу, щоб ширина лінії була заснована на відстані між двома останніми оновленнями координат руху миші. Я сам зроблю переклад відстані на ширину, мені просто потрібно знати, як отримати відстань між цими точками (у мене вже є координати цих точок).
100 javascript  canvas 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.