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

124
Нарисовать многострочный текст на холсте

Надеюсь, быстрый вопрос, но я не могу найти никаких примеров ... Я хотел бы написать многострочный текст на заказ Viewчерез a Canvas, и у onDraw()меня есть: ... String text = "This is\nmulti-line\ntext"; canvas.drawText(text, 100, 100, mTextPaint); ... Я надеялся, что это приведет к разрывам строк,...

123
Изменение фона three.js на прозрачный или другой цвет

Я пытался изменить цвет фона моего холста по умолчанию с черного на прозрачный / любой другой цвет, но безуспешно. Мой HTML: <canvas id="canvasColor"> Мой CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Как вы можете видеть в...

114
Быстрые и отзывчивые интерактивные диаграммы / графики: SVG, Canvas, другое?

Я пытаюсь выбрать правильную технологию для обновления проекта, который в основном отображает тысячи точек на масштабируемом графике с возможностью панорамирования. Текущая реализация, использующая Protovis, неэффективна. Посмотрите здесь: http://www.planethunters.org/classify При полном уменьшении...

114
Рисование пальцем на холсте, Android

Мне нужно построить проект для рисования на холсте пальцами, чтобы получить событие касания и событие движения моего пальца, а затем отрисовать. Кто-нибудь может посоветовать мне, как начать работу над проектом, и какой компонент лучше всего подходит для...

114
Понимание концепций Canvas и Surface

Я изо всех сил пытаюсь понять процесс рисования SurfaceViewи, следовательно, всю систему Surface/ Canvas/ Bitmap, которая используется в Android. Я прочитал все статьи и страницы документации API, которые мне удалось найти на сайте разработчиков Android, несколько руководств по графике для Android,...

114
Есть ли причина использовать WebGL вместо 2D Canvas для 2D-игр / приложений?

Есть ли какая-либо причина, кроме производительности, для использования WebGL вместо 2D-Canvas для 2D- игр / приложений? Другими словами, какие 2D-функции предлагает WebGL, чего невозможно легко достичь с помощью...

112
Максимальный размер элемента <canvas>

Я работаю с элементом холста высотой 600 до 1000пикселей и шириной в несколько десятков или сотен тысяч пикселей. Однако после определенного количества пикселей (очевидно, неизвестного) холст больше не отображает фигуры, которые я рисую с помощью JS. Кто-нибудь знает, есть ли предел? Протестировано...

112
Рисование изображения из URL-адреса данных на холст

Как я могу открыть изображение на холсте? который закодирован Я использую var strDataURI = oCanvas.toDataURL(); На выходе получается закодированное изображение base 64. Как нарисовать это изображение на холсте? Я хочу использовать strDataURI и создать изображение? Это возможно? Если нет, то что...

108
HTML5 Canvas ctx.fillText не будет переносить строки?

Кажется, я не могу добавить текст на холст, если текст содержит «\ n». То есть, разрывы строк не отображаются / работают. ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); Приведенный выше код будет рисоваться "s ome \n <br/> thing"в одной строке. Это ограничение fillText или я...

107
Каково текущее состояние библиотек и фреймворков JavaScript холста HTML? [закрыто]

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы на него можно было ответить с помощью фактов и цитат, отредактировав этот пост . Закрыт 7 лет назад . Уточните этот вопрос В настоящее время я изучаю варианты...

106
Как добавить изображение на холст

Я немного экспериментирую с новым элементом холста в HTML. Я просто хочу добавить изображение на холст, но по какой-то причине это не работает. У меня такой код: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas =...

105
Прямоугольник рисования холста Android

как нарисовать пустой прямоугольник с и т. д. borderWidth = 3 и borderColor = black, а часть внутри прямоугольника не имеет содержимого или цвета. Какую функцию в Canvas использовать void drawRect(float left, float top, float right, float bottom, Paint paint) void drawRect(RectF rect, Paint paint)...

105
Как центрировать холст в html5

Я уже какое-то время искал решение, но ничего не нашел. Может это просто мои поисковые запросы. Ну, я пытаюсь сделать центр холста по размеру окна браузера. Размер холста 800х600. И если размер окна становится меньше 800x600, его размер тоже должен измениться (но на данный момент это не очень...

103
Пакет 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 >...

103
Определить расстояние между двумя точками на холсте

У меня есть вкладка для рисования холста, и я хочу, чтобы lineWidth основывалась на расстоянии между двумя последними обновлениями координат перемещения мыши. Я сам сделаю перевод расстояния в ширину, мне просто нужно знать, как получить расстояние между этими точками (у меня уже есть координаты...