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
1
vote
1 answer
How to make a working crossbrowser script with jCanvas
In IE8 the canvas is not appended..
In FF and Chrome the drawn frame isn't positioned at the right coords? The starting point is outside the…
clarkk
- 27,151
- 72
- 200
- 340
1
vote
1 answer
Cannot add layer to canvas using jCanvas
I'm using jCanvas to paint on a HTML canvas element. First I initialize a x * x table, with each cell holding a canvas:
function init(size) {
// Adding the board table to the body
$("#content").append("
Jørgen R
- 10,568
- 7
- 42
- 59
1
vote
1 answer
How do I control which Canvas layer draws first (JCanvas)
In the code below I have two Canvas layers one text and one image, the issue I'm having is controlling which layer draws first. When the page is loaded the text may draw above or blow the image, it seems pretty random. Is there a way I can control…
cryptojuice
- 475
- 1
- 4
- 12
1
vote
2 answers
Why jCanvas draws poor quality circle on small sizes of canvas
Just want to say, I don't use CSS, but on small size canvas quality of circle very poor.
Example: jcanvas https://jsfiddle.net/tkdn2rv6/25/
For example, everything is fine on the konvajs: konva https://jsfiddle.net/qup9s57y/23/
Why is the image so…
Elizium
- 33
- 4
1
vote
1 answer
issue on animate layer in second time in jcanvas
I am calling a function which contain all draw method and then i am calling another function with all animate method and issue is that,
when i am calling second function first time it works perfectly but second animation time is not…
Aditya Kumar
- 41
- 1
- 6
1
vote
0 answers
jCanvas - setPixels()
Everything works great with jCanvas except for one thing. I can't get setPixels () to work, when I run the code in Chrome and Safari, nothing happens.
I have copied the example code from the Sandbox on jCanvas website (where everything works when I…
AndersB
- 11
- 2
1
vote
1 answer
When I reference a parameter of an object inside of an event handler, the parameter is always null even when it's set to an object
it's my first Stack Overflow question as I usually find my answers upon googling, so bear with me...
I'm working on a project that involves heavy manipulation of canvas elements. To do this, I have imported and used jQuery and jCanvas. I am also…
grseko
- 23
- 6
1
vote
0 answers
jCanvas image drawing on Node
So I am on Windows and I have followed the example for running jCanvas on Node: https://github.com/robertjustjones/jcanvas-in-node
And I can get the example to work, however I have problems when I try to use jCanvas's draw image capabilities such…
JavaMastodon
- 11
- 3
1
vote
1 answer
move two layers together with jcanvas
using jcanvas, how do i link two draggable layers such that they move together.
eg. the circle and document icon are two diff layers. how do i have them
a) draw on the same layer or b) move together
// document
.drawArc({
layer:…
jsky
- 2,225
- 5
- 38
- 54
1
vote
1 answer
how to underline the text in jcanvas jquery, when we click on underline checkbox
I'm creating a type of editor, where when a user enters the text in the textarea and clicks on add text, his/her text gets added to the canvas.
So, I need an option that if the user would like to underline that particular text, he can do that as…
Manoj Kushwaha
- 114
- 12
1
vote
2 answers
Incremental Integer in JCanvas text
I'm trying to increment text value everytime I click on the rectangle. What am I doing wrong ?
I don't understand because the call to my var works in drawText but doesn't in setLayer.
I looked at "setLayer" source code, who's working with '+='…
Nhysi
- 38
- 7
1
vote
1 answer
JCanvas3D vs Canvas3D
Can anyone please tell me the issues that we face when using JCanvas3D instead of Canvas3D?
How to achieve transparency using JCanvas3D?
Regards,
hariprasad
hariprasad
1
vote
1 answer
Horizontally Animate Gradient in HTML5 Canvas using jCanvas & jQuery
I want to make the fill gradient of a text inside an HTML5 Canvas element to animate horizontally to create an aurora-like effect by changing the positions of its colorstops (from right to left) dynamically which, I think, can be done using…
Phoenix
- 2,796
- 5
- 17
- 21
1
vote
0 answers
The property of maxWidth does not work for the Chinese words
$('canvas').drawText({
fillStyle: '#36c',
fontStyle: 'bold',
fontSize: '20pt',
fontFamily: 'Trebuchet MS, sans-serif',
text:…
IvanK
- 65
- 1
- 6
1
vote
1 answer
jCanvas - start y from bottom left
I have created different layers, for example, a roof, a grid and various panels that are set.
I would like to start the y coordinate of the bottom left. Is there an already existing function for this, or is there an elegant solution to this problem?
johnny
- 53
- 1
- 5