Giter VIP home page Giter VIP logo

kanimaji's Introduction

Kanimaji

Generation of animations

This is a small utility for transforming KanjiVG images into animated SVG or GIF files, or SVGs that can easily animated via Javascript (with no library dependency!).

  • SVG samples (animated via CSS, no SMIL/ element):

084b8 SVG 08972 SVG

  • GIF samples:

084b8 GIF 08972 GIF

(these GIFs are 150x150 and have size 24k and 30k. With transparent background the generated image are quite bigger ~220k unluckily).

  • Javascript controlled SVG:

See the Demo on the Project Page.

Dependencies

Kanimaji depends on

If you want to be able to generate animated GIF, you will also need:

  • svgexport Python library, for exporting SVG to PNG.
  • ImageMagick's convert program to merge PNG's into a GIF.
  • Gifsicle to optimize GIF size.

Usage

Just run

./kanimaji.py file1.svg file2.svg ...

where the files are KanjiVG SVG files (could work with other SVG files, but it hasn't been tested).

Settings

Just edit the settings.py file, all settings are explained there. In this file you can also enable/disable SVG, GIF, JS-SVG generation.

License

This software is formally released under MIT/BSD (at your option). You are free to do what you want with this program, please credit my work if you use it. If you find it useful and feel like, you may give a donation on my github page!

kanimaji's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

kanimaji's Issues

Proper license

First off, thanks very much for building this!

Could you please use a standard license such as MIT or BSD for this, rather than the informally-worded one you have in the readme? Although MIT and BSD express something similar to what you've written (but in more words), it's difficult to use a library with a "custom" license since it's unproven and can pose a risk.

You may also like something like Creative Commons which has a "by attribution" license. I'm unsure how suited it is to code.

Kanji is not displayed in Google Chrome

Hi Maurizio,

this is a great project, thanks for sharing it! Just wanted to let you know that the javascript version doesn't show the kanji in Chrome. You can fix this by giving the embed element a width and a height.

Conversion to png with svgexport does not wait for svg animation to finish

I am running kanimaji on linux debian with python 2.7. It seems svg frames are correct. I can display them for example on google chrome and after waiting for the animation to be finished the frame looks as intended.
However the corresponding png frame looks as if shot half a second into the animation. I am afraid svgexport does not seem to wait for the animation to finish...
Have you experienced this behavior?

Yours, Severin

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.