Probably I can't google it correct, so can't find what I need. Looking for library to draw connected polygons on image like below, without crop functionality and so on. Highly preferred React Native one, to avoid multiple implementations. Looked at…
I'm currently creating a game in native JavaScript, HTML, and a bit of CSS. I have 2 blocks named Sprites and whenever they go toward the left or right edge of the canvas, they don't stop. Question: How can I…
I am trying to draw a vertical arrow using canvas and javascript. i am able to draw one with arrow head upwards but finding difficulty in placing arrow head at the bottom. The code i am trying <!DOCTYPE html> <html>…
I am generating map markers via canvas. And I need to display the name of the point or an image there. I enter in FillText, but it doesn't work. The text is not displayed. I want the text to be…
How to get the rendered size of an HTML5 <video> element? The videoWidth and videoHeight properties, suggested as a solution on other similar (but different!) questions, return the intrinsic width and height, so they are not the solution. The width…
I want to draw a rectangle on an HTML5 canvas, and have it move based on coordinates originating from an asynchronous source. I used setTimeOut to simulate the asynchronous source: async function getX() { return new Promise((resolve) => { setTimeout(()…
It is necessary to make it so that blocks regardless of width and length do not overlap with each other and do not go beyond the borders of the canvas when moving and when resizing. Blocks can be either full…
The problem line is in the handleLineEnd function. I ripped off all the lines not necessary to show the problem. Without the line: I can draw multiple rectangles on the ctx. With the line: Each rectangle is overwritten by the…
I am new to HTML and JS and am trying to code a basic game. However, I keep running into the issue that scroll bars appear, meaning that something is bigger than it should be. I looked into it a…
I am working on a small Flutter application for children, the concept is that there is an image in the background on which users have to draw. I am using Custom Painter for that. There is a feature to erase…