You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have been using a previous version of LLP and I'm upgrading to the latest one.
The only issue I faced so far is that in Safari, the first dot of a line is shown before the corresponding animation starts. I'm using a large strokeWidth so it makes it very noticeable.
This is the animation when it is starting: the dot at the right should not be visible yet
This is the animation halfway:
And this is the completed animation:
This is the relevant code:
` <script type="text/javascript">
(function(){
document.onreadystatechange = () => {
if (document.readyState === 'complete') {
/**
* Setup your Lazy Line element.
* see README file for more settings
*/
let el = document.querySelector('#t');
let myAnimation = new LazyLinePainter(el, {"ease":"easeLinear","strokeWidth":20,"strokeOpacity":1,"strokeColor":"#F39C19","strokeCap":"round"});
myAnimation.paint();
}
}
})();
</script>
</head>
<body>
<svg version="1.1" id="t" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="106.491px" height="256.876px" viewBox="7.1 0 106.491 256.876" xml:space="preserve" data-llp-composed="true" class="lazy-line-painter">
`
The text was updated successfully, but these errors were encountered:
I have been using a previous version of LLP and I'm upgrading to the latest one.
The only issue I faced so far is that in Safari, the first dot of a line is shown before the corresponding animation starts. I'm using a large strokeWidth so it makes it very noticeable.
This is the animation when it is starting:
the dot at the right should not be visible yet
This is the animation halfway:
And this is the completed animation:
This is the relevant code:
` <script type="text/javascript">
The text was updated successfully, but these errors were encountered: