Html – having issue with the display flex option
here is a piece of code from my file ,im following a youtube tutorial to make this card using html and css but the cards dont displa next to eachother like it shows in the video, is it becuase my…
Css – Chart.js: Is there a way to have a chart with fixed height and variable width based on the number legend's items
I would like to know if there is a way to make the chart's width increase if the number of items in the legend doesn't fit with its initial size I tried a lot of different settings and approces like…
How to draw a spiral with bezierCurveTo in html canvas?
I want to draw a spiral, a circle where the radius steadily increases with the angle. When searching for similar questions, the circle/spiral is always approximated by drawing a lot of lines with the lineTo method. The more lines are…
finding a point and its angle on a cubic Bezier curve in JavaScript
I need to find a point and its angle on a cubic Bezier curve that can be dynamically changed using JavaScript. I asked ChatGPT about this, to which it generated the following code, but the angle is not calculated correctly,…
Html – How to set three columns in table td with below row columns?
I am creating a marksheet design using an HTML table. I have this design and what I created As you can see in the third column of the first row secured, pass, and total there are three columns, I have…
Html – set different color on click function in Canvas
I want to change color our button are Press then canvas inside text color change. var canvas = document.querySelector('#my-canvas'); var context = canvas.getContext('2d'); context.font = '48px serif'; context.fillStyle = 'red'; // sets text color to red context.fillText('Example text', 20, 65);…
Javascript memory leak loading new images into object during animation
I have a method that updates an object with a new image each loop through an animation, but causes a continuing memory leak which eventually drops the rest of the animation to a standstill. This is roughly what the method…
Javascript – Obtaining the coordinate of a null value when using spanGaps with ChartJS?
I'm wondering if ChartJS exposes an API for plugins that allows us to obtain the coordinate of a null point that has been "Spanned" by ChartJS? For example as illustrated in this question ChartJS enables smooth curves through null points…
Javascript – How come ctx.resetTransform() doesn't work when a very specific thing happens? It gives no errors too
I am programming an OOP 2d canvas game, and I am seeing some weird behaviour with my code. When inside "e", the workspace, there is two or more of the same object but nothing else, ctx.resetTransform somehow does not work,…
Html – Create URL to unloaded mock-image in browser to simulate actual loading
In short, I would like to create a lazy-loaded-mock-image-src-url in browser. This is in order to simulate the loading of an image, to see how it loads. Here is how I would like the flow to work, all done in-browser.…