Questions tagged [html5-canvas]

Canvas is an HTML element that allows for dynamic, scriptable rendering of 2D shapes, 3D shapes, bitmap images and animations in both 2D and 3D.

Filter by
Sorted by
Tagged with
0
votes
1answer
9 views

I Can't draw an image using drawImage method in html5 canvas

I am trying to create dino cloud game. but I encouter a problem .When I try to draw the image of the dinosaur in the canvas using drawImage method , the image is not drawn . Can you help me please. ...
0
votes
0answers
7 views

HTML: Input type number not accepting 0 after decimal (having 0 after some number which also after decimal)

I actually need output as 1.50 instead of 1.5, What I tried is: string.Format("{0:f3}", value) step="any" in html field
0
votes
0answers
10 views

Random rect generation generating all rects next to each other

I'm working on random rectangle generation for a game in canvas, and I added some code to prevent the randomly generated rectangles from overlapping, however rather than preventing my rectangles from ...
0
votes
2answers
20 views

Canvas .drawImage() function doesn't draw the requested thumbnail of a video

I'm trying to create a function where a certain time frame from a video will be displayed as an image. the function accept 2 inputs, namely the path to the video, and the certain second, where the ...
0
votes
0answers
10 views

React Konva custom context/canvas (for use with canvas2svg)

We're using react-konva, which renders a <Stage> component that manages an underlying canvas/context. We want to use canvas2svg with it, which is basically a wrapper around a canvas context that ...
0
votes
0answers
14 views

Problems downloading image in IOS versions with canvas JS

I am trying to download an image using the html2canvas.min.js canvas library, it works on all devices except IOS, I have used some methods but I have the same issue on IOS, on IOS it just shows me a ...
0
votes
0answers
11 views

FabricJS - Skewing an image using corners

I'm trying to create an app where a user can "skew" an image using the four corner grab handles. I have this working with a standard polygon, but cannot get it to work using an image. I'm a ...
1
vote
1answer
46 views

ok so im making a html game. am having trouble with movement animation (using a gif) (not using any js libraries)

when I move left or right it changes the image src so the character is looking the other direction. but the way the code is set. once holding down left or right it changes the image src but cause your ...
0
votes
0answers
18 views

-webkit-mask-image is not working html2canvas render

I am trying to do template poster editor. I would like to add a image to my canvas while masking it. It works well, i can mask every photo that i want but when i try to render it, added image is ...
0
votes
1answer
17 views

How can we do this so that when the screen is clicked, a line is created by a canvas from one vertex to the clicked location?

I have created a circle here so that when the screen is clicked, the circle will move there. And I also have a fixed point (vertex) that I want these two points to be the origin and destination of a ...
0
votes
1answer
41 views

Visualize Graphviz svg graphs in html canvas with events

I'm generating graphs using graphviz on the backend, for example the following dot file digraph G { # list of nodes 9 [label="9", color ="blue", shape="box&...
0
votes
2answers
27 views

how do i place a circle on specific places in grid (canvas)

so I am trying to make thisgame called GO and I need to place circles in the edges like this. I've made the grid and now need to place the circles in there. I 'v tried different things like using the ...
0
votes
1answer
26 views

How to make circle on spesific places with mouse pos in canvas grid [duplicate]

so I am trying to make this Japanese game called GO and I need to place circles in the edges like this. I've made the grid now need to place the circles in there. I 'v tried different things like ...
0
votes
1answer
30 views

Uncaught Error: Incomplete or corrupt PNG file

I am trying to add a couple of images to a pdf. I am using the jspdf plugin for this. My code is as following: document.getElementById("help").addEventListener("click",function(){ ...
-1
votes
0answers
33 views

How can I optimize HTML canvas and JavaScript to handle large sized images for a web-based image editor

I am building a web-based image editor, and everything seems to work fine until very large images are uploaded (>5mb), and then operations like adjusting the brightness using a slider takes a while ...

15 30 50 per page
1
2 3 4 5
756