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

102
Используйте HTML5, чтобы изменить размер изображения перед загрузкой

Я нашел несколько разных сообщений и даже вопросов по stackoverflow, отвечая на этот вопрос. Я в основном реализую то же самое, что и этот пост . Итак, вот моя проблема. Когда я загружаю фотографию, мне также нужно отправить остальную часть формы. Вот мой html: <form id="uploadImageForm"...

97
Рисование текста на <canvas> с помощью @ font-face не работает в первый раз

Когда я рисую текст на холсте шрифтом, который загружается через @ font-face, текст отображается неправильно. Он вообще не отображается (в Chrome 13 и Firefox 5), или шрифт неправильный (Opera 11). Такое неожиданное поведение возникает только при первом рисовании шрифтом. После этого все работает...

96
Ограничение количества меток на линейном графике Chart.js

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

96
Android, холст: как очистить (удалить содержимое) холста (= растровые изображения), живущего в SurfaceView?

Чтобы сделать простую игру, я использовал шаблон, который рисует холст с такими растровыми изображениями: private void doDraw(Canvas canvas) { for (int i=0;i<8;i++) for (int j=0;j<9;j++) for (int k=0;k<7;k++) { canvas.drawBitmap(mBits[allBits[i][j][k]], i*50 -k*7, j*50 -k*7, null); } }...

92
Как заполнить весь холст определенным цветом

Как заполнить весь HTML5 <canvas>одним цветом. Я видел некоторые решения, подобные этому, для изменения цвета фона с помощью CSS, но это не очень хорошее решение, поскольку холст остается прозрачным, единственное, что изменяется, - это цвет занимаемого пространства. Другой - создать что-то с...

92
В чем разница между SVG и HTML5 Canvas?

В чем разница между SVG и HTML5 Canvas? Кажется, они оба поступают со мной одинаково. По сути, они оба рисуют векторные изображения с помощью координатных точек. Что мне не хватает? В чем основные различия между SVG и HTML5 Canvas? Почему я должен выбирать одно вместо другого?...

91
Android Canvas.drawText

У меня есть представление, я рисую с помощью объекта Canvas в методе onDraw (Canvas canvas). Мой код: Paint paint = new Paint(); paint.setColor(Color.WHITE); paint.setStyle(Style.FILL); canvas.drawPaint(paint); paint.setColor(android.R.color.black); paint.setTextSize(20); canvas.drawText("Some...

90
Текущее состояние библиотек холста Javascript? [закрыто]

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

90
Изменить размер изображения с помощью холста javascript (плавно)

Я пытаюсь изменить размер некоторых изображений с помощью холста, но не знаю, как их сгладить. В фотошопе, браузерах и т. Д. Они используют несколько алгоритмов (например, бикубический, билинейный), но я не знаю, встроены они в холст или нет. Вот моя скрипка: http://jsfiddle.net/EWupT/ var canvas...

89
Данные PNG Base64 в холст HTML5

Я хочу загрузить изображение PNG, закодированное в Base64, в элемент холста. У меня есть такой код: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx =...

87
Как нарисовать заполненный треугольник на холсте Android?

Итак, я рисую этот треугольник на картах Android, используя приведенный ниже код в моем методе рисования: paint.setARGB(255, 153, 29, 29); paint.setStyle(Paint.Style.FILL_AND_STROKE); paint.setAntiAlias(true); Path path = new Path(); path.moveTo(point1_returned.x, point1_returned.y);...

87
Как исправить размытый текст на холсте HTML5?

Я в целом n00b с HTML5и работаю над canvasвизуализацией форм, цветов и текста. В моем приложении у меня есть адаптер представления, который динамически создает холст и заполняет его содержимым. Это действительно прекрасно работает, за исключением того, что мой текст отображается очень нечетким /...

87
Отключить прокрутку клавиш со стрелками в браузере пользователей

Я делаю игру, используя холст и javascript. Когда страница длиннее экрана (комментарии и т. Д.), Нажатие стрелки вниз прокручивает страницу вниз и делает игру невозможной. Что я могу сделать, чтобы окно не прокручивалось, когда игрок просто хочет спуститься вниз? Я полагаю, что с играми Java и...

86
Изменение размера холста Chart.js

В ( Ошибка холста HTML5 Android WebView ) я разместил вопрос о построении графиков с использованием библиотеки Graph.js. Проблема в том, что если я вызываю функцию для построения графика несколько раз, размер холста меняется каждый раз. Каждый раз, когда график перерисовывается на одном и том же...

85
Получение цвета пикселя с холста при перемещении мыши

Можно ли получить под мышкой пиксель значения RGB? Есть полный пример этого? Вот что у меня есть на данный момент: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); };...