Html5-Canvas – вопросы и ответы

56
голосов
1
ответ
Я хотел бы показать изображение на Canvas (HTML5), так что я смогу перетащить его позже. Вот как я начал, я использую форму круга, которая рисуется на холсте, тогда я хочу, чтобы ее фоновая текстур...
3 месяца, 1 неделя назад Mocialov Boris
56
голосов
1
ответ
Пусть говорят, что у меня есть x, y, ширина и высота. Мне нужно нарисовать наклонный/наклонный прямоугольник под определенным углом. Я не могу использовать context.rotate. Потому что он меняет друг...
3 месяца, 1 неделя назад user960567
55
голосов
1
ответ
У меня есть трехмерная модель геометрии трубы. На производственной стороне имеется 18000 координаций. Я беру каждую девятую координату, чтобы на самом деле построить 9000 координат для построения г...
3 месяца, 1 неделя назад Valay
-4
голоса
1
ответ
"Герою" нужно щелкнуть по горизонтали (координата или новый спрайт, не имеет значения) влево/вправо keyDown. Включая разделы draw и keyDown. Где именно координация смещения или новый спрайт, когда ...
3 месяца, 1 неделя назад p1nesap
86
голосов
1
ответ
Я создал мувиклип в Flash Pro и разместил его на сцене. Когда я создал мувиклип, я убедился, что точка регистрации была установлена на верхнюю левую сторону (0,0), я поместил ее на сцену, и я устан...
3 месяца, 1 неделя назад icekomo
97
голосов
1
ответ
В настоящее время я использую Kinetic.js для создания простого холста с тремя кнопками, которые, используя Kinetic, добавляют к холсту форму, которую можно перетаскивать; одна кнопка для круга, одн...
3 месяца, 1 неделя назад user1202278
56
голосов
1
ответ
Я пытаюсь сделать следующее: Создать число (заданное номером var) блоков случайной ширины и высоты Заполните эти блоки до 100% ширины холста Мой код до сих пор function init() { //find canvas and l...
3 месяца, 1 неделя назад dk_french032
55
голосов
1
ответ
У меня две нечетные проблемы с fillright (x, y, width, height). Увеличивает значение "высота" на два Предполагается, что X и y должны быть установлены в положение мыши, но прямоугольник выключен в ...
3 месяца, 1 неделя назад Lex
77
голосов
1
ответ
когда я работаю со вспышкой, я получаю проблемы при работе с изображениями, теперь мой настоящий проект я загружаю изображения динамически, но здесь главная проблема заключается в том, что все разм...
3 месяца, 1 неделя назад Aakash Raj
55
голосов
1
ответ
У меня есть странная ошибка, с которой мне сложно разобраться. Во-первых, вот код: const canvas = document.getElementById('canvas'); const canvasContainer = document.getElementById('canvas-containe...
3 месяца, 1 неделя назад mpen
-8
голосов
1
ответ
На самом деле. Я создал два холста, содержащих некоторый статический контент, поверх другого холста, содержащего динамический контент. Теперь у меня есть привязка обоих холстов с увеличением в отде...
3 месяца, 1 неделя назад Shubo
78
голосов
1
ответ
Я хочу поместить подпись в ячейки таблицы. Но только первый холст будет нарисован, а другие нет. Я проверил событие мыши/касания. Он запускается (вверх/вниз/двигаться) и вызывается функция рисовани...
3 месяца, 1 неделя назад seokgyu
86
голосов
1
ответ
Хорошо, я создаю веб-сайт для музыканта, который хочет, чтобы их треки были воспроизведены через soundcloud (чтобы он мог их обновить). Для его сайта у меня есть имя клиентов, написанное в центре с...
3 месяца, 1 неделя назад Sam Skirrow
77
голосов
1
ответ
Мне удалось получить круги друг на друга, но я не знаю, как сделать линию кругов, которые не пересекаются. Это то, что я получил до сих пор. HTML <!DOCTYPE html> <html> <head lang="e...
3 месяца, 1 неделя назад Mark Gregg
55
голосов
1
ответ
Я использую Chart JS 2.6.0. Я использую синий фон для диаграммы с ярлыками белого цвета. Однако, когда диаграмма отображается на экране, на этикетках есть черная рамка, как показано здесь:
3 месяца, 1 неделя назад Deepak
120
голосов
2
ответа
Я хотел бы использовать Chart.js , чтобы создавать потрясающие диаграммы на веб-странице. Следуя документации, я написал код следующим образом: <!DOCTYPE html> <html lang="en"> <head...
3 месяца, 1 неделя назад vdenotaris
-6
голосов
1
ответ
Я могу создать новый объект ImageData , но не смог отобразить его в контексте холста. По какой-то причине контекст canvas 2d не похож на созданные им объекты ImageData. var canvas = document.getEle...
3 месяца, 1 неделя назад Xeoncross
-4
голоса
1
ответ
может ли кто-нибудь сказать мне, как конвертировать html-разметку в изображение и сохранить его. Я пытался исследовать Google, но я ничего не нашел. было бы здорово, если бы вы могли предоставить м...
3 месяца, 1 неделя назад Pein
68
голосов
1
ответ
Каков эффективный и правильный способ обработки вызова drawImage в контексте холста, когда URL-адрес изображения src недоступен. Например: myImage.src = "ImageDoesNotExist"; canvasCtx.drawImage(myI...
3 месяца, 1 неделя назад rysama
68
голосов
2
ответа
У меня есть jpeg-образ, который был декодирован, и я пишу его на холст с помощью putImageData. Можно ли затем перемещать этот образ вокруг? Я не могу найти на нем никакой документации. Идея состоит...
3 месяца, 1 неделя назад bitten
66
голосов
1
ответ
Я хотел бы знать, как очистить холст HTML5 с элементами, нарисованными на нем, или нарисовать его сплошным цветом или обоими. На самом деле, я просто хочу, чтобы что-то вроде сброса. Каким образом ...
3 месяца, 1 неделя назад user4910881
77
голосов
1
ответ
Я просто просматриваю учебник по холсту HTML5. http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-events-tutorial/ Я хочу перетащить объект в определенную область на холсте, и...
3 месяца, 1 неделя назад Uzair Ahmed
94
голоса
1
ответ
Я делаю свою индексную страницу, которая представляет собой блок изображений с надписью. Фактическое изображение окрашено, но я установил их, чтобы они могли быть загружены черным/белым. И когда он...
3 месяца, 1 неделя назад UmbreonHugs
56
голосов
1
ответ
Используя AngularJS, и в определенном виде мы используем естественный размер изображения для управления макетом (используя максимальные высоты, максимальную ширину, но позволяя изображению расширят...
3 месяца, 1 неделя назад Mike Snare
55
голосов
1
ответ
Я нарисовал это, используя холст HTML 5. Мне нужно показать всплывающую подсказку, когда я нажимаю на картинку пользователя. var kin = new Kinetic("myCanvas"); kin.setStage(function(){ var context ...
3 месяца, 1 неделя назад Amal Kumar S
77
голосов
2
ответа
Я использую библиотеку easelJS с несколькими объектами bitmapSequence на моем холсте. Возможно, я задаю неправильный вопрос, потому что я не понимаю, как это работает. Я постараюсь объяснить свою с...
3 месяца, 1 неделя назад Sgraffite
153
голоса
3
ответа
Я хочу нарисовать HTML-текст в холсте с помощью элемента foreignobject. В MDN я вижу ссылку ниже (см. ссылку), это отлично работает в браузере Chrome и Mozilla, но не в IE10, я использую IE10. Режи...
3 месяца, 1 неделя назад ammu
-6
голосов
1
ответ
Как создать одно изображение из черепичной структуры, например: +-----+-----+-----+ |tile1|tile2|tile3| +-----+-----+-----+ <div> <div> <img> tile 1 </div> </div> <...
3 месяца, 1 неделя назад kiks73
55
голосов
1
ответ
Привет, я начинаю с html5 canvas. Я пробую весь код, который я знаю о том, как остановить музыку, но он продолжает играть, даже я нажимаю кнопку воспроизведения/паузы. Код: var comp = this; var pau...
3 месяца, 1 неделя назад Safri
54
голоса
1
ответ
<canvas class="word-cloud-canvas" id="word-cloud-canvas-1892" height="270" width="320"></canvas> Как получить URL-адрес изображения из холста HTML5 с помощью Selenium Python? Я попыталс...
3 месяца, 1 неделя назад masbro
56
голосов
1
ответ
Мне нужно сканировать QR-код, используя HTML5 для webapp. Я пытаюсь использовать webqr.js( demo ), и это нормально, но смартфоны и планшеты открывают переднюю камеру по умолчанию. Поэтому я пытаюсь...
3 месяца, 1 неделя назад Scream
66
голосов
1
ответ
У меня есть холст с изображением на нем. Когда пользователь нажимает на холст, я могу найти координаты x и y щелчка. Теперь я хочу открыть текстовое поле, в котором пользователь может ввести что-то...
3 месяца, 1 неделя назад Programmer
57
голосов
1
ответ
Я могу получить изображение за холстом рисунка, но когда я начинаю рисовать на холсте, изображение исчезает var $ = function(id){return document.getElementById(id)}; var canvas = this.__canvas = ne...
3 месяца, 1 неделя назад Jun Sheng Lee
-4
голоса
1
ответ
Я делаю игру, в которой игрок может перемещаться по сетке 10 000 на 10000. Тем не менее, они не всегда будут видеть эту сетку размером 10 000 на 10000, а всего лишь небольшую долю, основанную на ра...
3 месяца, 1 неделя назад A Newcomer
97
голосов
1
ответ
У меня есть значения динамического массива x, y... Используя значения x, y, вы создаете движущиеся синусоидальные, треугольные, квадратные, пилообразные волны в холсте HTML5....
3 месяца, 1 неделя назад Karthik
94
голоса
1
ответ
Я работаю со статическим изображением, которое я вращал с помощью canvas на HTML5, однако, когда я получил результат, вызвав форму изображения, он не находится в правильном положении. Это немного в...
3 месяца, 1 неделя назад Carlos
87
голосов
1
ответ
У меня есть анимация, которая при завершении создает неподвижное изображение. Я хочу, чтобы это изображение отображалось около 5 секунд, прежде чем переключиться на другое неподвижное изображение. ...
3 месяца, 1 неделя назад Smithy
68
голосов
1
ответ
Попробовав много разных вещей, я, наконец, получил указатель на изменение размера при вводе холста, но не могу понять, как сохранить цвет. Моя мышь основана на этой демонстрации: http://jsfiddle.ne...
3 месяца, 1 неделя назад C T
95
голосов
1
ответ
Я работаю над Fabricjs, где я должен разрешить пользователю освобождать некоторую область на изображении. Теперь скрипка содержит код, который можно рисовать по всему холсту. Я хочу, чтобы его огра...
3 месяца, 1 неделя назад subhfyu546754
101
голос
1
ответ
Я использую KinetickJS для рисования изображений на экране. У меня есть слой на сцене и получаю 1000 изображений в формате base64. Сначала я пытаюсь привлечь их с помощью Kinetic Пример 1 работает ...
3 месяца, 1 неделя назад Sergei Sleptsov
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема