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

Canvas — элемент HTML, используемый для создания изображений. Для вопросов по Android и WPF используйте метки [android-canvas] и [wpf-canvas].

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
20 показов

Нажатие на пробел прерывает зажатую стрелку вправо или влево JavaScript. Как исправить?

Практикуюсь в программировании. Хочу написать квадрат, который двигается влево и вправо и подпрыгивает. Вроде получилось, но вот когда зажата стрелка влево или вправо и я хочу прыгнуть, то комбинация ...
TrofimDmitry's user avatar
0 голосов
1 ответ
18 показов

Uncaught TypeError: ctx.putImagenData is not a function [закрыт]

Я пытаюсь создать небольшой редактор изображений при помоши canvas. Выдает ошибку: Uncaught TypeError: ctx.putImagenData is not a function let img = new Image(); img.onload = update; ...
Constantin Vidyuschenko's user avatar
0 голосов
0 ответов
13 показов

Проблема с draggable horizontal scroll

Есть компонент, где я использую canvas: const MainCanvas:React.FC<IMainCanvas> = ({graphicRef,data,graphic}) => { const [height, setHeight]=useState<number | undefined>(graphicRef....
Андрей's user avatar
0 голосов
0 ответов
32 показа

tkinter: заштриховать определенную область

Моя программа строит сечение подшипника. Нужно закрасить определенную площадь фигуры. Не могу найти нужный метод. Подскажите пожалуйста, что лучше использовать? import tkinter as tk # Create the main ...
Андрей Кущев's user avatar
0 голосов
0 ответов
25 показов

Как сдедать canvas адаптивным?

Как сделать так, чтобы при уменьшении окна браузера, уменьшался и canvas, при этом, чтобы рисунок не стирался?
Андрей's user avatar
0 голосов
0 ответов
29 показов

Как правильно настроить диалог в unity?

Есть RequestManager скрипт с callback, где выполняются запросы. Для одной сцены внутри Canvas я создал объект CustomDialog (по умолчанию выкл), где есть текстовое поле и кнопка. Я не хочу добавлять ...
Амирхон's user avatar
2 голоса
1 ответ
28 показов

Задержка при передвижении персонажа

При передвижении персонажа происходит некая задержка. Как пример, зажимаю клавишу управления, персонаж двигается только на несколько координат, через некоторое время двигается так, как мне необходимо. ...
Дядя Седжо's user avatar
-3 голоса
1 ответ
34 показа

Задать элемент списка суммой переменной и другого элемента этого же списка

С помощью библиотеки Canvas (tkinter) мне нужно нарисовать круг. У меня есть к нему список из четырёх элементов - точки начала и конца круга, а также две переменные: длина и ширина. plW = 30 # Width ...
Arter 345's user avatar
0 голосов
0 ответов
17 показов

Canvas не обновляется при изменение размера окна

Пытаюсь заставить холст canvas изменять размер при изменение размеров окна. Нашел функцию на js, чтобы это сделать, но не знаю как вытащить глобальные переменные W и H из функции. Без этого ничего не ...
Андрей Рейз's user avatar
-1 голос
1 ответ
39 показов

Ошибка в create_text: _tkinter.TclError: unknown option "-foreground"

В коде def PT(): global BBCID, BLBCID, WBCID, CBOID, BCLID, TY G1 = BV.get() G1 = G1.lower() FS = FSV.get() print(FS) FS = FS // 1 print(FS) FS = int(FS) print(FS) ...
progremein's user avatar
0 голосов
1 ответ
17 показов

Ошибка TypeError: canvas.getContext is not a function

// не изменять $(`.stat`).append(`<div data-type="volume"><div>`); let elem = $(`.stat [data-type="volume"]`); // не изменять let canvas = elem.html('<canvas></canvas>').find('...
kpushilin's user avatar
0 голосов
1 ответ
32 показа

Нажата ли клавиша? Tkinter-Canvas

Везде искал так толком и нечего и не нашел:( Подскажите пожалуйста как работать с событием Key (KeyPress) у bind в Canvas-е??? Мне нужно определить нажата ли клавиша Q
Arter 345's user avatar
0 голосов
1 ответ
23 показа

Ошибка `'NoneType' object has no attribute '_root'` при создании `StringVar`

Вот код: from tkinter import * from tkinter import font from tkinter import ttk import os def TFN(): GNFN = CN.get() print(GNFN) Black = "Black" Blue = "Blue" Red = "...
progremein's user avatar
1 голос
0 ответов
24 показа

Привязать ID кнопки к самой кнопке

Я пишу программу которая бы показывала текстовые файлы нужной мне папки и их содержимое, используя определенный шрифт. Я написал совсем немного, но суть не в этом. Вот что я написал: from tkinter ...
progremein's user avatar
1 голос
1 ответ
43 показа

Как при нажатии на кнопку удалять текст в canvas и выводить новый (на том же месте)?

Проблема: При нажатии на кнопку выводит текст: 'Вход выполнен.', но при вводе других данных выводит уже другой текст: 'Ошибка авторизации!', который наслаивается на 'Вход выполнен.' from tkinter ...
Kennedy's user avatar
  • 44
-2 голоса
2 ответа
43 показа

Pyton.Не выводится надпись в Canvas [дубликат]

import tkinter from tkinter import Canvas import random import time class TicTacToe(Canvas): def __init__(self, window): super().__init__(window, width=300, height=300) self....
Rimus8's user avatar
  • 7
1 голос
0 ответов
15 показов

Отправить изображение с canvas через post-запрос rest api в вк как через ReadStream

Я пытаюсь загрузить картинку в ВК через их API HTTP-запросами через Node js. Пока что я смог это сделать загружая файл с диска через fs.createReadStream: var fetch = require('node-fetch'); var fd = ...
DiNikSon's user avatar
0 голосов
0 ответов
33 показа

Передвижение Canvas элемента

Я прописал логику движения элемента Canvas, но она не работает, могли бы помочь <Grid> <Image Source="E:\programming\BallistasWar\BallistasWar\imgs\GameBack.png" Stretch="...
Dok's user avatar
  • 51
1 голос
0 ответов
26 показов

Помогите исправить проблему с определением вершин при рисовании на Canvas

Моя задача от руки нарисовать некий график, а затем определить где были самые высшие точки и самые нижние. Все работает, но если рисовать очень медленно, если же рисовать быстро, то определяется не ...
Oliver Patterson's user avatar
0 голосов
0 ответов
41 показ

canvas js Как сделать прямоугольным размер клеточного автомата? cannot read properties of undefined (reading 0)

Работает только если ширина === высоте (у меня достаточно поменять в css и html) const canvas = document.getElementById('c1'); const ctx = canvas.getContext('2d'); let mas = [] let count = 0; let ...
NaN-Simon's user avatar
0 голосов
1 ответ
16 показов

как рисовать анимацию поверх ранее нарисованной

уже несколько раз задавал вопрос, возможно неправильно, но решения не нашел. Очередная попытка)Я создаю рисовалку. Мне необходима возможность рисовать произвольные линии, типа карандаш, и различные ...
Виталий Супрун's user avatar
2 голоса
0 ответов
35 показов

Как анимировать это изображение на html/css [закрыт]

Есть задание,нужно подобный рисунок написать и анимировать на html/css. Каким образом это можно сделать,с чего начать и это вообще реально?
JtW21127's user avatar
0 голосов
0 ответов
22 показа

Canvas кастомизация

Делаю колесо фортуны и в основном вся информация по поводу него, это реализация с помощью canvas, но у меня колесо выглядит по другому. Возможно ли canvas отредактировать под такой вид? const ...
Jessika's user avatar
  • 87
0 голосов
0 ответов
48 показов

Наложение нескольких изображений в canvas без отображения во время процесса

Я обрабатываю сразу несколько изображений последовательно, передавая их в canvas. Во время обработки (наложения) они отображаются на странице. Мне это не нужно. Мне нужно отображать лишь результат (в ...
Tarsier_Philip's user avatar
0 голосов
1 ответ
26 показов

Canvas по центру экрана, но торчит слева и сверху белый фон. Элементы тоже не по центру

С canvas решил проблему просто залил фон тем же цветом, а вот прелоадер не от центровать никак он как и кнопка немного в право и в низ уходит.... Думаю это связанно с канвасом, но он по центру... че ...
MadGun's user avatar
  • 1
0 голосов
0 ответов
18 показов

Отрисовка элементов на холсте ( canvas ) относительно координат/позиции/камеры?

В интернете вообще информации не нашёл о том как на canvas, отрисовывать лишь только то что в области видимости/просмотра/координат пользователя в определенном радиусе, и я даже не знаю как это ...
ll Web Style ll's user avatar
0 голосов
0 ответов
33 показа

Как убрать контур линии на canvas JS

есть обычный canvas(холст), на нём можно рисовать линии. После, я скачиваю холст через canvas.toDataURL("image/png"). Линии рисуются нормально (через stroke()), но оставляют контур, который ...
Mustafa's user avatar
0 голосов
1 ответ
26 показов

Как я могу заставить рисование на холсте работать на мобильных устройствах

Помогите, полная версия работает, а мобильная нет! <canvas id="canvas" width="350" height="200"></canvas> window.addEventListener("load", function ...
Артём Сидоров's user avatar
0 голосов
0 ответов
23 показа

Объект в ткинтер откликается на нажатие клавиш с задержкой. (Когда квадрат меняет направление, он зависает на секунду)

from tkinter import * import random window = Tk() window.geometry("1000x650") canvas = Canvas(window, width=1000, height=650) canvas.pack() background = PhotoImage(file=r"тут путь к ...
Evandiy's user avatar
0 голосов
0 ответов
13 показов

Отрисовка нестандартных фигур canvas

Нужна какая-то библиотека или фреймворк для работы с canvas чтобы отрисовывать фигуры по набору координат, которые будут идти упорядоченно(то есть их нужно просто последовательно соединять). Пытался ...
Suncake's user avatar
0 голосов
0 ответов
20 показов

Canvas. Body. Динамическая высота

Попробую без кода. Есть сайт, на котором я все тестирую (он в профиле). На странице "Диагональ" есть анимация под :hover . Под ним высота элемента увеличивается. Весь сайт в модном черном ...
serega da's user avatar
0 голосов
0 ответов
57 показов

Нужно кликнуть по кнопке внутри элемента canvas для написания автотеста на Python\Selenium

Решил потренироваться в автоматизации онлайн игры на сайте https://1255.areso.pro/ на Python\Selenium, но столкнулся с проблемой. Если стандартный поиск элементов для автотеста осуществляется по ...
Andrew1589's user avatar
0 голосов
0 ответов
38 показов

При скачивании билетов на мероприятие срабатывает функция, которая переводит билет в canvas

При скачивании билетов на мероприятие срабатывает функция, которая переводит билет в canvas. Используются библиотеки html2canvas и jspdf. Происходит повторная загрузка файлов. Хотелось бы разобраться....
Максим's user avatar
0 голосов
1 ответ
32 показа

Как сделать так чтобы змейка не образовала бесконечную линию

Я создавал игру змейка. При написании кода столкнулся с проблемой. Змея образовала бескончную линию. Написал snake.pop() для удаления последнего элемента массива но ничего не вышло. Вот код: var ...
Sketch's user avatar
  • 38
0 голосов
0 ответов
23 показа

След из линий концы которых перемещаются по окружности

Я нарисовал линии концы которых перемещаются по окружностям. Входные данные берутся из файла, сначала координаты окружности, радиус, начальный угол и изменение угла. Нужно чтобы на экране было ...
srettel fo tes's user avatar
0 голосов
0 ответов
82 показа

Как повернуть вокруг своей оси объект в canvas?

Объект - шестиугольник ( hexagon ), я абсолютно не пойму как его повернуть именно вокруг своей оси, он поворачивается, но я даже не пойму вокруг какой точки он поворачивается ( похоже, даже не вокруг ...
Nikita Ermolenko's user avatar
0 голосов
0 ответов
16 показов

JS Canvas линии одной толщины но с разной яркостю [дубликат]

Рисуюю одинаковые линии обычным moveTo lineTo stroke, но есть вот такой визуальный баг. Это можно пофиксить?
solarisedigle's user avatar
0 голосов
0 ответов
27 показов

как правильно добавить нескольких обьектов SurfaceView к ConstraintLayout по нажиманию пальцами

Моя программа сейчас рисует овал по нажатию пальца и водит его за пальцем. Я хочу добавить мульти-нажатия, что бы не отпуская первого овала, нажав вторым пальцем добавить следующий. Как сейчас ...
pizzaman's user avatar
1 голос
1 ответ
30 показов

Как поместить фигуру за фигурой

Могли бы вы напомнить мне, каким образом можно поставить одну фигуру за вторую фигуру при помощи canvas? Например сделать так, чтобы круг находился за квадратом(квадрат был поверх круга). Искал в ...
Andrey's user avatar
  • 27
0 голосов
0 ответов
22 показа

Js canvas закрасить некоторый процент холста

Я делаю мини-игру внутри игры про майнинг. Эта мини-игра про ремонт комплектующих. Я собираюсь отрисовывать фон в виде картинки (печатная плата, например). И нужно закрасить черным полупрозрачным ...
Color kat's user avatar
  • 542
1 голос
1 ответ
168 показов

Столкновение круга с прямоугольником

Необходима небольшая помощь в коде. У меня имеется формула определения столкновения круга и прямоугольника, другими словами проверка коллизии: rect.x < ball.x + ball.radius && rect.x + rect....
Mike's user avatar
  • 13
1 голос
1 ответ
32 показа

Рисование на JavaFX Canvas

Создал что-то по типу Paint'a на Canvas но столкнулся с проблемой - если слишком быстро вести курсор, то фигуры рисуются отрывчато: Можно ли это исправить, чтобы линия была без пробелов, как в Paint'...
dikiy_opezdal's user avatar
0 голосов
0 ответов
25 показов

Почему некорректно работает возврат действий?

Есть рисовалка и в ней нужно реализовать функцию возврата к предыдущему дейстию. Также есть толщина карандаша и его цвет. Если при одном действии выбрать одну толщину/цвет (действием считается ...
blnk.off's user avatar
0 голосов
0 ответов
9 показов

Как получить изображение canvas'а после применения стилей (transform)?

Проблема в том, что хоть стили и применяются, я не могу получить нужные данные с zoom'ом и смещением, которые могу видеть на canvas'е. const video = videoRef.current!; const v = video; const w = ...
Timur  Musharapov's user avatar
0 голосов
0 ответов
57 показов

canvas по центру при полноэкранном режиме

Я пытаюсь позиционировать элемент Canvas по центру вертикально и горизонтально, но после того как я нажимаю F11 и вкладка разворачивается на весь экран, я получаю ненормальное поведение. Я жму на ...
IIITS TIIIMEEE's user avatar
0 голосов
0 ответов
29 показов

Объявлять переменную в среде и передавать ее как переменную

Хочу, чтобы не нужно было объявлять переменную, а она объявлялась в среде и передавать ее как переменную. Вот такой код есть: function createNewPath(namePath,[...arr],color) { let namePath = new ...
Павло Смолинець's user avatar
0 голосов
0 ответов
103 показа

Обрезка фото через react-image-crop

Не селен в canvas от слова совсем.... Народ, подскажите пожалуйста. Когда открываю фото в полный размер он отлично его режет, но когда задаю размер фото для отображения его на странице функция ...
Moroshka's user avatar
0 голосов
0 ответов
63 показа

Игра "кошка мышки"

Появился такой вопрос: как реализовать игру "кошки мышки" используя JavaScript и Canvas? Суть игры: на экране (на холсте канвас) спавнятся и бегают мышки, игрок кликает по ним,кликнутая ...
Никита Ульянов's user avatar
0 голосов
1 ответ
123 показа

Размытый текст в canvas

Почему у меня размывает текст Вот код <canvas id="canvas"></canvas> var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"); var ...
Павло Смолинець's user avatar
0 голосов
0 ответов
44 показа

Нужно нарисовать график (создание осей)

Нужно сделать такой график, есть массив с y и x (значение преметно такие 0.32(поэтому умножал на 100)) Я написал код для создание графика, но нужно создать оси (с обозначениями (от 0 до 3 по x)) ...
Bramka's user avatar
  • 1