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

Холст - это общий термин для поверхности рисования, используемой во многих API вывода графики произвольной формы. Используйте этот тег с другими тегами, которые указывают конкретный графический 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(); На выходе получается закодированное изображение base 64. Как нарисовать это изображение на холсте? Я хочу использовать strDataURI и создать изображение? Это возможно? Если нет, то что может быть решением для загрузки изображения на холст?
112 image  html  canvas  data-uri 
17
HTML5 Canvas ctx.fillText не будет переносить строки?
Кажется, я не могу добавить текст на холст, если текст содержит «\ n». То есть, разрывы строк не отображаются / работают. ctxPaint.fillText("s ome \n \\n &lt;br/&gt; thing", x, y); Приведенный выше код будет рисоваться "s ome \n &lt;br/&gt; thing"в одной строке. Это ограничение fillText или я ошибаюсь? символы "\ n" …
108 javascript  html  canvas  line  break 
15
Каково текущее состояние библиотек и фреймворков JavaScript холста HTML? [закрыто]
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы на него можно было ответить с помощью фактов и цитат, отредактировав этот пост . Закрыт 7 лет назад . Уточните этот вопрос В настоящее время я изучаю варианты …
4
Как добавить изображение на холст
Я немного экспериментирую с новым элементом холста в 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 …
106 javascript  html  canvas 
8
Как центрировать холст в html5
Я уже какое-то время искал решение, но ничего не нашел. Может это просто мои поисковые запросы. Ну, я пытаюсь сделать центр холста по размеру окна браузера. Размер холста 800х600. И если размер окна становится меньше 800x600, его размер тоже должен измениться (но на данный момент это не очень важно).
105 html  canvas  css  resize 
9
Пакет cairo не найден в пути поиска pkg-config. Проблема с установкой холста Node js
У меня возникла проблема с установкой модуля холста в node .. Кажется, что-то с cairo я получаю эту ошибку ... 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
Определить расстояние между двумя точками на холсте
У меня есть вкладка для рисования холста, и я хочу, чтобы lineWidth основывалась на расстоянии между двумя последними обновлениями координат перемещения мыши. Я сам сделаю перевод расстояния в ширину, мне просто нужно знать, как получить расстояние между этими точками (у меня уже есть координаты этих точек).
103 javascript  canvas 
3
Используйте HTML5, чтобы изменить размер изображения перед загрузкой
Я нашел несколько разных сообщений и даже вопросов по stackoverflow, отвечая на этот вопрос. Я в основном реализую то же самое, что и этот пост . Итак, вот моя проблема. Когда я загружаю фотографию, мне также нужно отправить остальную часть формы. Вот мой html: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" type="file" …
102 javascript  html  canvas 
18
Рисование текста на <canvas> с помощью @ font-face не работает в первый раз
Когда я рисую текст на холсте шрифтом, который загружается через @ font-face, текст отображается неправильно. Он вообще не отображается (в Chrome 13 и Firefox 5), или шрифт неправильный (Opera 11). Такое неожиданное поведение возникает только при первом рисовании шрифтом. После этого все работает нормально. Это стандартное поведение или что-то в …
97 html  canvas  font-face 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.