Light

synesenom / dl Goto Github PK

View Code? Open in Web Editor NEW

0.0 3.0 0.0 2.91 MB

Download helper for SVG graphics

JavaScript 99.90% Shell 0.10%

svg export eps pdf

dl's Introduction

Description

Library for exporting SVG content from the DOM.

Requirements

d3

Limitations

Only works with styles defined inline in the SVG for every single element.

API reference

png
eps
json

png

dl.png(svg, filename, options)

Exports a specific SVG content as a PNG image.

argument	description
`svg`	Selector for the SVG element to export, either the SVG element itself, its ID or class.
`filename`	Name of the exported PNG.
`options`	Additional options for the PNG. Possible keys: `width`, `height`.

eps

dl.eps(svg, filename)

Exports a specific SVG content as an EPS image. Supported shapes: line, circle. Transparency is not supported, only alpha-blending with background.

argument	description
`svg`	Selector for the SVG element to export, either the SVG element itself, its ID or class.
`filename`	Name of the exported EPS.

json

dl.json(svg, filename)

Exports the specified SVG content to a graph JSON file. The SVG content is expected to be a network drawn with d3, that is, only circle and line elements are exported.

argument	description
`svg`	Selector for the SVG element to export, either the SVG itself, its ID or class.
`filename`	Name of the exported JSON.

dl's People

Contributors

Watchers

dl's Issues

Filled path

Implement paths with fill

Add unit tests to all SVG functions

Rect element in DocumentWriter

To have all elements in SVG

Add text to document writers

Add text export

Add horizontal and vertical SVG paths

Add paths including H and V

Use original order of elements as in SVG

Create a tree of elements in the SVG and conserve ordering

Implement SVG tags in DocumentWriter

Optimize EPS/PDF

Reduce document size by using lower precision, grouping primitives of the same color together, etc.

Color bug

Color from line and circle are read incorrectly.

Standard API

Remove options from PNG, make standard API for all exports

Get members from <g> tags

Go through elements and collect members

Get rid of polygon

Polygon is not needed, use closed pathinstead

Implement SVGParser class

Class for parsing various SVG elements like , , , , and

Get missing style/attributes

Read attributes and style from tags and use those if missing

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.