Monday, January 2, 2017

Trigons - Create and Animate Summary SVG Pictures



Trigons is a versatile JS script which means that you can create brand new and stylish summary SVG photographs with optional animations

Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for growing colored and lively summary pictures. No jQuery needed.

Script contains seven (7) strategies for growing and animating SVG pictures and in addition for move browser converting those photographs to PNG ones or use them as ‘historical past-image’ for parts to your HTML files.

Please get familiar with the options and discover Trigons demo website online for more info.

Major options:

  • The unique function of Trigons pictures, that they can be lively with 30 built-in results.
  • Created Trigons SVG photographs can also be responsive.
  • Retina very best
  • Versatile and robust settings
  • Works in all up to date browsers
  • Any colour, any size
  • Clean vivid or flat colors or gradients
  • Construct-in Color Palette Generator
  • Convert to PNG
  • Use it as “history-image”
  • Dynamic upload, update, animate and convert with 7 JavaScript strategies
  • Click, Hover and “Viewport” occasions
  • Separate “In” and “Out” Animations
  • “Drive” Animation Methods
  • Use it via JavaScript and/or via HTML5 knowledge attributes
  • Free Support and Updates

Requirements:

  • d3.js lib v3 and up (jQuery now not wanted)
  • Canvg.js when you need to convert to PNG
  • Read the documentation :)

Necessary Note:

Trigons script is not a slider, it creates and animates summary SVG photographs. you'll use those photographs in sliders with out their special animations as same old like every other HTML content material. However for the usage of construct-in animation effects, your slider should have an API which permits you to name Trigons strategies when your slides are changed. or you want to amendment JS code of your slider by yourself to give you the option to use the Trigons animations methods.

for example, on my demo website online within the intro section at the best the “jquery.superslides.js” is used with extended functionality to supply the animations you can see.

License:

You want to purchase a normal or an extended license of Trigons script for each web challenge.

Special Thanks:

  • Mike Bostock the writer of the outstanding d3.js lib
  • Gabe Lerner the author of Canvg – SVG parser and renderer script

Amendment log:

2014, June, 12 - v1.0 - preliminary liberate





FULL DOWNLOAD

No comments:

Post a Comment

Trik tersembunyi Bermain Slither.io agar menjadi no 1 | cara tau ampuh

Slither.io Unblocked Play Engaging in online game playing avails a chance for one to have a great experience. This opens up an enormous amo...