jCanvas is a little jQuery plugin written entirely in JavaScript that makes working with jQuery, and thereby HTML5′s canvas element, a lot easier. Web developers will get a lot of benefit out of using jCanvas. By using jCanvas, you get to work with much simpler code, in which the plugin will do the work and translate it into the relevant code for jQuery to run.
Questions tagged [jcanvas]
97 questions
0
votes
1 answer
JCanvas: Erasing Canvas doesn't erase draggable elements
I wanted to enhance the drawing application I built with JS by allowing the user to draw various shapes. I want to make it convenient for the users by allowing them to drag these shapes around. So I used jCanvas, since it offers a simple way of…
user14712167
0
votes
1 answer
jCanvas method drawRect() position issue
I have a problem with jCanvas which is a framework drawing canvas and jquery.
When I set x = 0 , y = 0 The .drawRect output should be same as the pure javascript result.
I tried the document and google but I did not find anything to solve…
Thai Lan
- 21
- 1
0
votes
1 answer
jCanvas rotating
As the jCanvas script hereunder ...
The layer rotate as expected, but only 1 time/click.
Other clicks are well logged to the console but no rotation of the layer.
Is s.o has an idea/advice ...
pm
$('canvas').drawImage(
{
source:…
user1803095
- 89
- 4
0
votes
1 answer
I want an alert message in jcanvas when click on a rectangle
I'm a beginner with canvas element but my research on Google didn't go well... So, I have my canvas element and I draw a lot of rectangles in my canvas.
Currently, when I click in my shape I'm able to display an alert message like:
'You clicked on…
Salman Muneer
- 3
- 2
0
votes
1 answer
Flickering in JFrame
Im working on a small game that will be for the enjoyment of my freinds and if come into an error. The Screen will flicker the images. I know this is from the canvas rendering the image every single frame. But I dont know how to stop it from…
Eddie O
- 1
- 1
0
votes
1 answer
Woocommerce product add to cart custom data img
Hi everyone I have a question about woocommerce and custom metadata.
In my simple product page I had a 2D canvas made with jcanvas. All work well I can adjust height and width based on the product data and modify them.
Then before adding to cart I…
CChumi
- 31
- 1
- 9
0
votes
1 answer
Building AI2Canvas output with jCanvas.js
I'm using Mike Swanson's AI > Canvas plugin for Illustrator (found here) and it's great for exporting an Illustrator creation to an HTML5 Canvas element, but the exported JS that builds the Canvas element builds it in a way that is read-only.
I'm…
Sam Griffiths
- 1
- 2
0
votes
0 answers
when i add animation then canvas layer is fluctuated
I am trying to make animation over video in canvas and when i add any animation then video fluctuates . if i remove hello function then it works
animation starts on video play function .please look my code and tell me how to debug it. i want only…
Aditya Kumar
- 41
- 1
- 6
0
votes
0 answers
jQuery: How to keep event handlers when removing custom ones
I have created a simple drawing script using canvas:
http://ulrichbangert.de/div/webentwicklung/javascript/jcanvas-drawing-pad.html
I need event handlers and I attach them like this (very simplyfied):
0
votes
1 answer
JCanvas: How do I get the size of an Image?
I have drawn an image like this:
$("canvas").drawImage({
x: 0,
y: 0,
source: src,
draggable: true,
layer: true,
name: "image",
fromCenter: false,
}
});
The image shows as it should. It is…
kalabalik
- 3,792
- 2
- 21
- 50
0
votes
1 answer
JCanvas: full screen canvas with oversize draggable image
Using JCanvas, I would like to do two things:
Define the size of a canvas dynamically according to the width and height of the screen.
Draw an image bigger than the screen to the canvas and make it draggable, with dragging stopping at the edges of…
kalabalik
- 3,792
- 2
- 21
- 50
0
votes
1 answer
Output form input value in jCanvas
What would be some valid code for outputting the value of a text input to a jCanvas? For example:
Name [John Doe]
John Doe would then be outputted onto a jCanvas.
I think I have an idea about what would work, but I am not sure how to make it into…
brld
- 188
- 2
- 16
0
votes
1 answer
In jcanvas how to manipulate drawImage layer to apply instagram like filters on the image
I have drawn a image on canvas using jcanvas drawImage method and this image is a layer
//Js part
$('canvas').drawImage({
source: 'js/BN44094.jpg',
layer: true,
x: 0, y: 0,
width: 800,
height: 400,
name:…
shediv
- 1
- 2
0
votes
1 answer
make canvas image movable ( draggable )
I have a canvas area and I'm adding some images into and I would love to make my canvas images draggable. I've created mouse events via addEventListener to handle mouse clicks.
But my problem is that I'm able to make draggable all canvas context and…
Petr Bečka
- 774
- 3
- 16
- 39
0
votes
2 answers
HTML5 Canvas on Desktop and Mobile
i'm building a Web app Where the user can create is own image with HTML5 Canvas. (I'm also using Jcanvas).
On Desktop, the Canvas Size is 500x500 (so, it generate images of 500x500 pixels).
On Mobile, the Canvas Size is 300x300, but i still want to…
Gustav
- 79
- 2
- 12