thank you very much for your answer. It was the first time I worked with your solution.
My native language is German, and not English. Sorry.
But in the meantime I solved the most, but not all Problems.
I integrate the following two examples in my Home-Automation Solution. See following pictures:
and here the codepen-link to my Example 1: https://codepen.io/TirochH/pen/oWNoeX?editors=0010
and the codepen example 2: https://codepen.io/TirochH/pen/bWGoKw?editors=0010
The animation features are amazing.
Please can you look over the code and give me a feedback.
Following are not totally solved:
- the start value
- the interaction with the touch features, I copied this solution from Chris Gannon
- the snap feature in example 2, should be 5%
Please look about this code in example 2, with th jQuery.plugin (see codepen).
In codepen, it does not run. But in my "simple" solution it runs perfect.
The reason I need this, because I get by "ElementById" a Null-Pointer return.
This is special by the "SVG".
oarg.item.xxapi.dialLineBg = document.getElementById('dial-line-bg'); //SVG
I have more questions, but I find. This is enough for the first step.
I want integrate your amazing features in my Home-Automation Solution.
Examples are for "dimming" the light or volume of radio, etc.
Greetings from Vienna.
Its a little country in Europe.