Juno911

I am quite new to all this, however, your plugins are great enough to be understood fast and without being a passionated editor. Thats why I want to dig a bit deeper. I will setup a codepen soon and paste it here. I would appreciate understanding both sides, fixing by object source, or fixing with smart lines of code. Once I am done, I will paste and looking forward to more ideas on it. Thanks so far, really appreciate it!

To shed light on "thrown": I just meant its rendered. Nothing more. Just as an image or any other graphic. Just displayed. This is what I meant with "thrown". Just thrown into the screen, not drawn nicely. However, your hint in regard to pathes containing lines instead of forms is great. The form is part of a logo and I will ask our Adobe team if they can deliver path description for each line, instead of these kind of rectangle forms. Thanks so far for all answers. Once I got a new svg file, I will try again.

Hi, I am trying to run DrawSVG. I used several tutorials from this page. I understand the css and js part well, however, I think I didnt get something with the measurements or the svg itself. Please have a look in the codepen typed. If I throw the following path directly after thew svg openeer tag (before the first path from codepen) my graphic indead appears. But my path is only thrown, the original pathes from the codepen are drawn well. I first thought I have environment issue with my servers, thats my I tried in this (and other) codepens. My graphic is always thrown, css is applied at anytime, but I guess something is missing. Has someone a hint? Thanks a lot! <path class="" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M412.2,123.8c-6.7,1.9-12,6.5-18,9.7c-8.9,4.7-17.4,10.2-26.1,15.3c-2.4,1.4-4.6,1.4-7.2-0.5 c-16-11.7-32.3-23.1-48.4-34.7c-3.5-2.5-3.2-5.5,0.5-8.2c5.1-3.6,10.9-5.8,16.4-8.6c13.9-7.1,27.9-14.3,41.7-21.6 c3.3-1.7,5.7-1.7,8.1,1.3c7.8,9.9,15.8,19.6,23.8,29.4c2.1,2.5,3.9,5.4,6.2,7.6C412.6,116.5,414,119.7,412.2,123.8L412.2,123.8z M322.1,110.1c12.7,9.3,25.1,18.3,37.4,27.5c4,3,7.2,3,11.6,0.1c8.8-5.8,18.2-10.8,27.4-15.9c4.9-2.7,5-3.3,1.5-7.6 c-8-9.8-16-19.5-23.8-29.4c-1.3-1.7-2.1-2-3.9-1c-3.6,2.1-7.4,4.1-11.2,6.1C348.3,96.6,334.9,102.3,322.1,110.1z"/>

I nailed it by the usage of onDrag and onDragEnd! This case can be closed. Thanks anyway

I thought TimelineLite looks fine, since it can influence objects while swiping the application. However, I had no change to merge these two functions into one final process. Any help appreciated much! Maybe it can be used to make an animation happen while swiping and stopping the animation once swipe is done. Maybe something like this. Any other approach is welcome as well.

I am trying to rebuild a application like this: If user swipes left or right, I want to to display an animation (e.g. an image delivered through a div) which then disappears after time again. An example can be found here: Any idea how to approach? Thanks a lot!

I fixed my issue by turning from type 'x' to type 'scrollLeft'. Thank you

Please see the codepen example. It has a container width of 1300px. Bad for mobile devices. But cards array needs width, to throw the card to. We want a fullwidth (100%) picture which can anyway slide to the left or right id users finger slided left or right. If we fix the container to 100% everything looks nice, however the drag feature is lost because in js the thresholds of 150 are mismatched. Since IOS ignores overflow = hidden we need to use position: fixed as well. Hence card must recognize its dragged on swipe. The best would be if the image can simply swipe out the mobile as it does e.g. with original tinder. No limitations, however, the screens width of course cant overachieve 100% what it will do with 1300px. Any ideas are appreciated...