Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Data attributes

See original GitHub issue

Hey,

I have one problem. I can’t add gradients via data attribute.

V1 - this works ok:

var my_gradient = [['#000000', '#111111'],['#444444', '#777777'],['#aaaaaa', '#ffffff']];
var granimInstance = new Granim({
	states : {
		"default-state": {
			gradients: my_gradient
		}
	}
});

V2 - Don’t work

var my_gradient = el.getAttribute('data-gradients') || [['#000000', '#111111'],['#444444', '#777777'],['#aaaaaa', '#ffffff']];
var granimInstance = new Granim({
	states : {
		"default-state": {
			gradients: my_gradient
		}
	}
});

<div data-gradients="[['#000000', '#111111'],['#444444', '#777777'],['#aaaaaa', '#ffffff']]">
	<canvas></canvas>
</div>

Please help.

Issue Analytics

State:
Created 6 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

2reactions

SebaGnichcommented, Sep 11, 2017

I guess it’s because “my_gradient” is a string in the second case. You’ll need to decode that with my_gradient = JSON.parse(my_gradient);

0reactions

MichaelRisecommented, Sep 14, 2017

Yes, I know. I must add gradients via the data attributes and I can’t use doublequotes - this solution is easier to edit for users and I can use it multiple times.