Вопросы с меткой [canvas]

НЕ ИСПОЛЬЗОВАТЬ! ЭТА МЕТКА НЕОДНОЗНАЧНА! Используйте более конкретные метки, например: [android-canvas], [wpf-canvas], [html-canvas].

Фильтрация
Сортировка
Метки
-1 голос
1 ответ
104 показа

Как реализовать передвижение в игре canvas?

Есть canvas,имеющий размеры 800x600px И код генерирующий ландшафт, который выходит из массива содержащего цифры каждого блока. Количество блоков по x и y совпадают с размерами самого canvas'a. (...
IvanZ's user avatar
  • 153
0 голосов
1 ответ
667 показов

Проблема с drawImage canvas

не появлялась картинка вызванная drawImage,но проблема решилась с помощью addEventListener("load", function() {, но как быть с множеством подобных картинок,которые после их загрузки в цикле for ...
IvanZ's user avatar
  • 153
7 голосов
2 ответа
2k показов

С помощью каких технологий рисуется звуковая волна?

Пример. Вообще, интересует, как из аудиофайла получить рисунок волноформы, желательно нужного размера, в графическом формате (png, jpg). В аудиоредакторах, например Logic pro x волноформа ...
Astor's user avatar
  • 2,833
2 голоса
2 ответа
2k показов

JavaScript-Canvas Стрельба

помогите научиться реализовывать стрельбу, как на этой гифке не смог найти в гугле, что-нибудь путное по этому поводу var canvas = document.getElementById("d1"); var ctx = canvas.getContext("2d"...
D.Denis's user avatar
  • 161
6 голосов
1 ответ
223 показа

Рисование в canvas распространения мощности сигнала

Добрый день, может ли кто то подсказать как такое как на картинке можно нарисовать в canvas-е. План здания я нарисовал, теперь нужно сделать концентрические круги, что приставляют мощность сигнала, и ...
Dmitriy Kasyanchuk's user avatar
0 голосов
1 ответ
107 показов

Через canvas не отображается результат инвертации цвета

Пытаюсь инвертировать цвета пиксельного изображения через canvas и отобразить на экране через ctx.putImageData(dataImg,0,0). Источник отображается, а инвертированный вариант нет. Приношу извинения за ...
Влада's user avatar
2 голоса
2 ответа
154 показа

Помощь в составлении условия клика внутри фигуры

Сделал на canvas`e треугольник. Для функции нужно написать условия клика внутри этой фигуры. Код функции: //x1=50, x2=0, x3=0, y1=75, y2=100, y3=75 ctx.beginPath(); ctx.moveTo(this.x1, ...
Mr.Flatman's user avatar
14 голосов
5 ответов
367 показов

Как сделать сектора в пончике со скругленными углами?

Как это сделать? Мне нужен мульти-сектор в пончике с закругленными концами и добавить тень самому пончику. Хочу использовать chart.js, но можно и другие варианты без jquery.
Vitalii Tkach's user avatar
1 голос
1 ответ
149 показов

Как запустить setInterval после clearInterval JavaScript

Подскажите, как бы начать заново игру после того, как ракетка промахивается по мячу. var canvas = document.getElementById("d1"); var ctx = canvas.getContext("2d"); var pressedSpace = false; ...
D.Denis's user avatar
  • 161
0 голосов
0 ответов
56 показов

Графики html5 js canvas

нужна помощь, использую chart.js для построения диаграмм, все ничего, НО требуется очень большой объем данных в виде 500000 точек, с чем не справляется данная библиотека, если кто сталкивался, можете ...
Паша Харченко's user avatar
1 голос
1 ответ
119 показов

Не могу словить клик на элементе в canvas

По-идее в массив elements должны пушиться координаты квадрата и потом по клику сравниваться координаты чтоб узнать произошел ли клик на квадрате и после увеличить счёт и убрать квадрат. Подскажите где ...
Mike's user avatar
  • 39
0 голосов
1 ответ
68 показов

Не могу остановить скрипт

window.onload = function() { var start = document.getElementById('start'); var stop = document.getElementById('stop'); var canvas = document.getElementById('canvas'); var ctx = canvas....
Mike's user avatar
  • 39
1 голос
1 ответ
60 показов

Не меняется ось X в canvas

window.onload = function() { var start = document.getElementById('start'); var stop = document.getElementById('stop'); var canvas = document.getElementById('canvas'); var ctx = canvas.getContext(...
Mike's user avatar
  • 39
0 голосов
2 ответа
88 показов

как остановить функцию

Нужно чтобы после прохождения полного круга действие не повторялось. Как это сделать? Пример кода на jsfiddle <html> <head> <title>Untitled</title> </head> <body>...
Юрий Никифоров's user avatar
29 голосов
3 ответа
4k показов

Как создать эффект Воды?

Очень хотелось бы узнать как можно реализовать эффект воды которое используетсья тут Сразу при заходе на сайт пролистайте наверх чтобы чтобы не ждать а потом увидите картинки с эффектами воды или ...
Randall's user avatar
  • 7,054
0 голосов
1 ответ
184 показа

Не работает код вставки изображения на fabric.js

Имеется код из офф документации fabric.js. Со вставкой изображения. Но он не работает. Вместо этого у меня пустая страница. Все пути проверил. Все верно. Консоль пустая. <!doctype html> ...
Gleb Nazemnov's user avatar
17 голосов
5 ответов
9k показов

Как нарисовать сектор круга в CSS?

Нарисовать круг с чистым CSS легко. .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } А как нарисовать сектор? ...
Alexandr_TT's user avatar
0 голосов
0 ответов
91 показ

не видит контекста (ctx ) в canvas

Игровое поле нарисовано в `canvas`, по нему отрисовываются фигурки, но при рендеринге пишет ошибку, что не видит контекст `canvas`. file index.html ```<body> <div class="modal"&...
Natalia Aga's user avatar
2 голоса
3 ответа
241 показ

Подскажите как сделать такой cursor эффект при клике со звуком

Недавно на просторах интернета нашел один замечательный сайт в дизайн и работу фронт-эндера которого я влюбился. Мне очень понравился там эффект курсора после полной загрузки страницы. При клике на ...
Randall's user avatar
  • 7,054
0 голосов
1 ответ
308 показов

Не рисует на canvas

Помогите, я решил попробовать написать игру на Javascript в своей игре я оспользую некоторое подобие ООП и вот когда я хочу сказать методу Draw из класса Drawable он отказывается рисовать, почему? ...
user avatar
3 голоса
2 ответа
1k показов

Как нарисовать треугольник по трём сторонам?

У меня будет 3 интупа и баттон. При нажатии на этот батон должен нарисоваться треугольник у которого 3 стороны равны значениям в инпутах. Как это организовать? Нагуглил context.beginPath(); ...
Павел Кушнеревич's user avatar
0 голосов
0 ответов
114 показов

Единая кнопка "Плей/Пауза" в Adobe Animate в HTML5 canvas

Подскажите как сделать единую кнопку "плей/пауза" в Adobe Animate в HTML5 canvas ? Я новичок в Animate и очень плохо разбираюсь в коде. В снипетах нашел код для отдельно кнопки "плей" и отдельно для ...
Arshak's user avatar
  • 1
1 голос
0 ответов
111 показов

Взаимодействие между canvas

Имеются два объекта: игрок и враг. В случае столкновения двух объектов у объекта "игрок" должна отнимается 1 ед. здоровья. Но вместо 1 отнимается 8. for (var i = 0; i < enemies.length; i++) { ...
Lyavontiy's user avatar
  • 127
1 голос
1 ответ
1k показов

Работа с датами в chart.js

Хочу расположить вдоль на оси x несколько дат в качестве labels с интервалом в один день. Знаю начальную и конечную дату. Можно ли это сделать не прописывая все даты массивом в labels(их может быть ...
lipton_v's user avatar
  • 197
0 голосов
0 ответов
243 показа

Получить картинку с Canvas средствами PHP

Доброго времени суток. Имеются 4 картинки в виде зверушек и скрипт JavaScript который задаёт случайные цвета нашим зверушкам, и помещает на страницу в виде canvas. Так сказать, чтобы у каждого юзера ...
MyZik's user avatar
  • 2,861
7 голосов
3 ответа
282 показа

Сделать яйцо на Пасху на HTML

Задача – сделать пасхальное яйцо используя любые WEB технологии. HTML, CSS, SVG, Canvas, JavaScript можно использовать любые техники и приёмы.
Дмитрий Полянин's user avatar
1 голос
1 ответ
1k показов

конвертировать из canvas в base64

доброго дня) столкнулся с проблемой что нужно вывести график chart.js в эксель. Сам график на странице отображается как canvas, чтобы работать с ним мне нужно его как то перевести в base64) есть у ...
Паша Харченко's user avatar
7 голосов
1 ответ
510 показов

Математической маятник с шаром

Итак, у нас есть математический маятник. Помогите реализовать, чтобы маятник ударялся о шар, и шар катился. var canvas = document.getElementById("canvas") var ctx = canvas.getContext("2d") ...
user292680's user avatar
2 голоса
3 ответа
2k показов

Адаптивная трапециевидная форма CSS

Я ищу способы для создания адаптивной формы в виде трапеции, которая могут быть реализованы с помощью CSS, SVG или Canvas. Я смог создать форму треугольника, но не форму трапеции: div { width: ...
Alexandr_TT's user avatar
0 голосов
0 ответов
26 показов

Наложение шейпов в канвасе

Каким методом в канвасе отловить когда две фигуры пересеклись?
Денис Калинин's user avatar
1 голос
1 ответ
508 показов

Обработка touch-событий на canvas [закрыт]

Есть простое приложение типа paint. Не получается рисовать на холсте с помощью тач-дисплея на телефоне и планшете. Может, есть CSS атрибут?
Евгений's user avatar
1 голос
0 ответов
438 показов

Как изменить размер изображения в canvas?

Есть объект canvas. Как изменить его ширину сохраняя пропорции? Затем я его преобразую в готовый код image. var dataURL = canvas.toDataURL();
manking's user avatar
  • 6,391
2 голоса
4 ответа
2k показов

Как реализовать перемещение окна держась за Canvas в tkinter?

Как реализовать перемещение окна держась за Canvas в tkinter?
оаав ирыыва's user avatar
2 голоса
1 ответ
540 показов

JavaFx, Зум "рисунка" в canvas

Есть такой код для canvas, что бы при прокрутке колесиком мышки, можно было увеличивать или уменьшать содержание canvas. Но есть одно но, при увеличении оно просто увеличивает сам Сanvas выходя за ...
BogdanBida's user avatar
  • 1,841
0 голосов
1 ответ
93 показа

Почему функция curtail_win вызывается несколько раз?

from tkinter import * root = Tk() root.geometry("200x100") class tk_(): def __init__(self): Button(text="press").pack() root.bind('<Unmap>', self.curtail_win) def ...
оаав ирыыва's user avatar
1 голос
1 ответ
99 показов

JavaFx, Canvas, Тригонометрия

В общем, суть задачи такая: Я хочу по заданному массиву рисовать n угольник(или скорее окружность) его элементов, где n - длинна массива. x0,y0 - центр окружности, r - радиус context.setFill(...
BogdanBida's user avatar
  • 1,841
0 голосов
1 ответ
756 показов

Надо загрузить canvas со страницы на компьютер пользователя

Добрый день! Хочу дать возможность пользователю, сохранить у себя на компьютере скриншот, динамически сформированного элемента страницы. Со скриншотом проблем нет. А вот дальше знаний не хватает. ...
Dmytro's user avatar
  • 6,756
1 голос
0 ответов
66 показов

Теорема о разделяющих осях

Здравствуйте, сделал столкновение двух правильных многоугольников с помощью теоремы о разделяющих осях. может подскажет кто, как переделать на множество фигур, так как возник вопрос как отслеживать с ...
Артём Реуцкий's user avatar
1 голос
1 ответ
482 показа

Как закрасить ячейку сетки Canvas по клику мыши?

Ниже небольшой кусочек кода, который рисует сетку Canvas . Как мне обратится к ячейке сетки чтоб ее закрасить по клику? DrawGrid=(w, h)=> { var canvas = document.getElementById("canvas"); ...
xlabuchik's user avatar
  • 187
1 голос
0 ответов
237 показов

Как изменить размер окружности, которая нарисована на canvas'е? (Paper.js)

Ниже приведён код, с помощью которого на canvas'е можно нарисовать окружность (нажимаем ЛКМ, двигаем мышкой и отпускаем). Как можно заметить, на окружности есть красная точка (на самом деле это ...
Klimbo's user avatar
  • 279
1 голос
1 ответ
311 показов

Как вывести на "Canvas" квадратики в случайном месте?

Как сделать так, чтобы с помощью Canvas появлялись в случайном месте квадратики определённого размера.
Кирилл's user avatar
6 голосов
1 ответ
1k показов

Поворот текста на Canvas

Есть Canvas, на котором отрисовывается изображение. На изображение можно накладывать текст. Можно выбирать угол наклона текста. Изображение можно перемещать по канвасу. Суть в том, что перемещение ...
Ghoul's user avatar
  • 440
0 голосов
1 ответ
336 показов

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

Используя tkinter, необходимо установить canvas в левый верхний угол, чтобы можно было нормально работать с ним для отрисовки графики по пикселям. Но в итоге холст съезжает на 3 пикселя вниз и вправо....
Vitaly's user avatar
  • 559
1 голос
1 ответ
636 показов

Нарисовать окружности на равном расстоянии друг от друга и центра

Всем привет, столкнулся со следующей проблемой. Пишу программу для автоматического построения графов на канвасе (лабораторная). Не могу понять как его именно нарисовать. У нас есть канвас ...
PKondratev's user avatar
2 голоса
1 ответ
471 показ

Узнать длину текста

Помогите найти решение. Работаю в canvas, нужно вывести в текст и если он длинее ширины моего окна нужно перевести на новую строку. Как найти длину текста в пикселях чтоб сравнить её с шириной моего ...
Artyom Sapsay's user avatar
3 голоса
2 ответа
191 показ

Как правильно запихнуть canvas в поток?

Есть код, который закрашивает голубыми квадратами изображение. Происходит это все сразу при открытии приложения. Как сделать, чтобы постепенно на глазах закрашивались эти квадраты с какой-то задержкой?...
Сергей Гуков's user avatar
2 голоса
2 ответа
2k показов

Как мне вывести canvas на задний фон

Использовал библиотеку канваса particles.js, все подключил, канвас идеально отображается. Вот только канвас занял всю страницу, закрыв доступ к заветным кнопкам на сайте. particlesJS("...
Kokoto Kokoto's user avatar
0 голосов
1 ответ
47 показов

как получить треугольную часть Bitmap

Для приложения на Android требуется получить из имеющегося bitmap его половину, обрезанную по диагонали (т.е. треугольную часть). Насколько знаю, createBitmap() можно получить только прямоугольную ...
Light's user avatar
  • 49
1 голос
1 ответ
64 показа

Проблема с отрисовкой картинки через StretchDIBits

Всем здрасте! У меня возникла проблема с отрисовкой кадра из видео через StretchDIBits из моей dll в родительском приложении. Проблема заключается в том что если рисовать при помощи OpenGL то все ...
Андрей Девяткин's user avatar
2 голоса
2 ответа
212 показов

Где можно найти код такого canvas?

Где можно найти код такого canvas ?
Kokoto Kokoto's user avatar