Comments on: HTML5 Canvas KineticJS Shadows

By: Morten

Morten — Fri, 26 Oct 2012 05:48:04 +0000

How do I remove a Shadow?

By: Eugene Janusov

Eugene Janusov — Mon, 27 Aug 2012 07:52:35 +0000

Hi,

In the first example there’s `alpha` property. But the second example uses `opacity`. I suppose the former is incorrect, as only the latter works for me.

By: Francesco

Francesco — Sat, 11 Aug 2012 07:35:31 +0000

Hey Eric, how can I get the canvas KineticJS is using in Javascript?
For example, if I had a canvas in my html, I’d write:

canvas = document.getElementById(‘canvas’);
ctx = canvas.getContext(“2d”);

How can I do this with KineticJS since I only have a div in my html, not a canvas?

Thank you very much, KIneticJS is amazing!

By: Eric Rowell

Eric Rowell — Sat, 23 Jun 2012 05:38:59 +0000

in the next release, you’ll be able to set the shadow attr to null. for now, you can do this:

rect.setShadow({color: undefined});

By: Carlos Bomtempo

Carlos Bomtempo — Sat, 23 Jun 2012 04:52:23 +0000

Oh… I figured out. Just set it to undefined.

By: Carlos Bomtempo

Carlos Bomtempo — Sat, 23 Jun 2012 04:48:11 +0000

How can I remove the shadow of an Rect after it’s set?

By: Hawke

Hawke — Wed, 30 May 2012 23:48:05 +0000

Eric, That did the trick – very cool stuff. Thanks!

By: Eric Rowell

Eric Rowell — Wed, 30 May 2012 17:40:32 +0000

@Hawke shadow support was in its very early stages in v3.9.5. Try upgrading to v3.9.7 and see if this resolves the problem. just let me know!

Cheers!

By: Hawke

Hawke — Tue, 29 May 2012 05:33:31 +0000

I’m using get by id to make changes to a circle – if I do

shapesLayer.get(‘#’+name)[0].setStroke(“black”);

I have no trouble, but doing

shapesLayer.get(‘#’+name)[0].setShadow({ // settings });

I get Uncaught TypeError: Object # has no method ‘setShadow’. Not sure why one would work but another would not and using v3.9.5. Function this is within provides the name and if I throw an alert it is providing what I would expect – settings are copied from set fill after instantiation after above. Am I missing something?