img-to-svg - Convert the image pixels in SVG squares.

  •        3

Convert the image pixels in SVG squares. This parse the image pixels, image-to-ascii is used.

https://github.com/IonicaBizau/img-to-svg#readme

Dependencies:

image-to-ascii : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

SVGInjector - Fast, caching, dynamic inline SVG DOM injection library

  •    Javascript

A fast, caching, dynamic inline SVG DOM injection library. Developed by Waybury for use in iconic.js, part of the Iconic icon system. There are a number of ways to use SVG on a page (object, embed, iframe, img, CSS background-image) but to unlock the full potential of SVG, including full element-level CSS styling and evaluation of embedded JavaScript, the full SVG markup must be included directly in the DOM.

imaging-heap - A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios

  •    Javascript

There’s beauty in the breakdown of bitmap image data. A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios. Works out-of-the-box with img (of course), img[srcset], img[srcset][sizes], picture, picture [srcset], picture [srcset][sizes]. Ignores .svg files. No support for background images (yet?).

ImageMagick

  •    C++

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

gulp-imagemin - Minify PNG, JPEG, GIF and SVG images

  •    Javascript

Issues with the output should be reported on the imagemin issue tracker.🦄 Support my open-source work by buying this awesome video course: Learn to build apps and APIs with Node.js by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.

grunt-responsive-images-extender - A Grunt plugin that extends HTML image tags with srcset and sizes attributes

  •    Javascript

Extend HTML image tags with srcset and sizes attributes to leverage native responsive images. The responsive_images_extender task will scan your source files for HTML <img> tags and extend them with srcset and optional sizes attributes to leverage native responsive images as described in Yoav Weiss' article.


Dia - Visio alternative

  •    GTK+

Dia is inspired by the commercial Windows program Visio, though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape.

grunt-contrib-imagemin - Minify PNG and JPEG images.

  •    Javascript

Select optimization level between 0 and 7. The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.

v-img

  •    Vue

v-img is a plugin for Vue.js that allows you to show images in full-screen gallery by adding only one directive to the <img> tag. *in this snippet all settings has its default value. No need to specify them unless you want to change default behavior. Unfortunately if you used CDN way to include plugin you can't set up these options, but still can set them up inline.

Rickshaw - Interactive Time Series Graphs in JavaScript

  •    JavaScript

Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors etc. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.

yall.js - A fast, flexible, and small image lazy loader!

  •    Javascript

yall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.

mapsicon - A free collection of maps for every country in the world, available in 11 sizes or in SVG

  •    HTML

Thanks so much for the suggestions everybody. I'm glad you like this project. However, I won't update anymore this repository. I'll let it as is from now on, for the community. For that matter, I've disabled the Issues. I hope you understand. Mapsicon is a free collection of maps for nearly every country in the world, available in 11 different sizes, ranging from 16x16 pixels to 1024x1024 pixels, as well as .svg format. Those maps are intented to serve as nice placeholders or illustations in your project - they do not replace real or extremely precise maps and they have no ambition to do so.

D3 - A JavaScript visualization library for HTML and SVG

  •    Javascript

D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).

Apache Batik - The Apache Foundation’s Java-based toolkit for SVG generation and manipulation

  •    Java

Batik is a Java based toolkit for applications which handle images in the Scalable Vector Graphics (SVG) format for various purposes, such as viewing, generation or manipulation. The project's ambition is to give developers a set of core modules which can be used together or individually to support specific SVG solutions. Examples of modules are an SVG parser, an SVG generator and an SVG DOM implementation.

img-2 - Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance

  •    HTML

Replace <img /> elements with <img-2></img-2> to automatically pre-cache images and improve page performance. Displaying even a small number of high-quality images on a web page can be difficult to do without causing jank or slowing down the initial load of the page. This is why clever developers employ techniques with JavaScript to pre-cache images and lazy load them as they become visible on the user's screen. Img2 makes this super easy, just swap out your <img /> elements with <img-2></img-2> and let it do the work for you.

PocketSVG - Easily convert your SVG files into CGPaths, CAShapeLayers, and UIBezierPaths

  •    Objective-C++

A simple toolkit for displaying and manipulating SVGs on iOS and macOS in a performant manner. The goal of this project is not to be a fully compliant SVG parser/renderer. But rather to use SVG as a format for serializing CG/UIPaths, meaning it only supports SVG features that can be represented by CG/UIPaths.

js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart

  •    Javascript

Why? While I've been working on Under-the-hood-ReactJS I spent enormous amount of time on creating schemes. Each change in code or flowchart affects all entire scheme instantly, forcing you to move and align 'broken pieces'. Just repeated manual work... Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.

clowncar - Clown Car Responsive Image Technique

  •    

We can use media queries within SVG to serve up the right image. The beauty of the "Clown Car" technique is that all the logic remains in the SVG file. I've called it the "Clown Car" technique since we are including (or stuffing) many images (clowns) into a single image file (car). When you mark up your HTML, you simply add a single call to an SVG file.

SVGMagic - Fallback for SVG images that automatically creates PNG images on-the-run

  •    JQuery

Fallback for SVG images that automatically creates PNG images on-the-run

imgkit - 🎆 Wkhtmltoimage python wrapper to convert html to image

  •    Python

Python 2 and 3 wrapper for wkhtmltoimage utility to convert HTML to IMG using Webkit. Warning! Version in debian/ubuntu repos have reduced functionality (because it compiled without the wkhtmltopdf QT patches), such as adding outlines, headers, footers, TOC etc. To use this options you should install static binary from wkhtmltopdf site or you can use this script.