I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German

Animate SVGs with the lazy line converter

17. March 2015




Animate SVGs with the lazy line converter

The SVG converter is a web frontend to a jQuery Plugin, that allows you to include those line drawings on your webpage.

Lazy Line Painter




Related Content

portalZINE NMN | Development meets Creativity | particles2
Particle Network Animations in Javascript

What are particle animations? Particle network animations in JavaScript typically involve creating visual representations of particles (often small dots or shapes) that move around in a defined space, interacting with each other based on predefined rules or behaviors. These animations are commonly used for visual effects on websites, data visualization, or interactive demos. Solutions Particle […]

portalZINE NMN | Development meets Creativity | productivity solutions
Top Productivity Tools 2023

Productivity tools are software applications that help individuals and teams to manage their time and tasks more effectively. These tools can range from simple time tracking and task management apps to more advanced project management software. The goal of productivity tools is to increase efficiency, organization, and accountability, allowing users to accomplish more in less […]

portalZINE NMN | Development meets Creativity | cubicfusion admin enhancer 2020 1
jquery.animate-enhanced adds CSS transitions where possible

“Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically.” jQuery.animate-enhanced

Subscribe
Notify of
guest
4 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
amanda
amanda
6 years ago

Hi. I’m looking for help using this with Visual Composer. I have no idea how to make it work. I am trying the “Raw JS” box. But nothing happens when I copy and paste my code.

0
Reply
Alex
Author
Alex
6 years ago
Reply to  amanda

Hi amanda,
under WordPress jQuery is loaded in compatibility mode, which means the dollar sign is not available. You need to use
jQuery(document).ready(function()....
jQuery('#yourID').lazylinepainter( ....

Regards
Alex

0
Reply
amanda
amanda
6 years ago
Reply to  Alex

Thanks Alex. Do I simply post the code in the Raw JS Box? Do I need to put my svg somewhere (as an image, or html or anything?)

0
Reply
Alex
Author
Alex
6 years ago
Reply to  amanda

The examples over at Github should give you a pretty good idea what is required (https://github.com/camoconnell/lazy-line-painter/tree/master/examples). The Raw JS Box will allow you to execute the JS, but you will still have to include a container for the SVG data and attach the SVG data itself

Regards
Alex

0
Reply


team_alex

Alexander Gräf

Portfolio

Book Me

Get in touch

Live Chat

Alexander

I am a full-stack developer. My expertise include:

  • Server, Network and Hosting Environments
  • Data Modeling / Import / Export
  • Business Logic
  • API Layer / Action layer / MVC
  • User Interfaces
  • User Experience
  • Understand what the customer and the business needs

 

I love programming,  design and know my way around server architecture as well.  I would never feel complete, with one of these missing.

I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest.

Apart from that, I am a peace loving guy who tries to have people around him that think the same.  I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Services
Previous Next