Convert the SVG code to PNG and replace the line by a call to the image in markdown

Last update: Sep 06, 2022

Related tags

Overview

Convert-SVG-to-png

Convert SVG code to png and replace the code with a called to the image file in Markdown files

Objectives

GitHub cannot view SVG files or code from the web, so the main objective of this action is to convert the svg code inserted into any file to PNG, replacing the SVG line by a call to the image (only markdown).

This will be useful to be able to see the SVG code inserted in .MD files from the GitHub web platform.

Inputs

NAME	VALUE	DEFAULT	DESCRIPTION
file	string	README.md	The file from which the SVG code will be collected and in which the code will be replaced by a call to the generated PNG
path	string	Images/	The path where the PNG file will go
name	string	Draw	The filename format to save the PNG file

Example Workflow file

on: push
jobs:
  Makefiles:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/[email protected]
      - name: convert-svg-to-png
        uses: joseaeltala/convert-svg-to-png/@master
        with:
          file: "README.md"
          path: "Images/png"
          name: "converted-svg-file"
      - name: Commit files
        run: |
          git config user.name github-actions
          git config user.email [email protected]
          git commit -m "SVG code converted to png" -a
      - name: Push changes
        uses: ad-m/[email protected]
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          branch: ${{ github.ref }}

With this simple py script you will be able to get all the .png from a folder and generate a yml for Oraxen

Oraxen-item-to-yml With this simple py script you will be able to get all the .png from a folder and generate a yml for Oraxen How to use Install the

1 Dec 29, 2021

将位图转为彩色矢量 svg 图片

一个将位图描摹为彩色矢量 svg 图片的程序，是一个命令行工具，使用 Python 脚本实现，运行环境 Python3.8+。 ✨ 效果以一个字帖图片为例，这是 png 格式的位图（370KB）：这是颜

104 Dec 30, 2022

🛹 Turn an SVG into an STL for stencil creation purposes

svg2stl This repository provides a script which takes as input an SVG such as this one: It outputs an STL file like this one: You can also see an inte

3 Dec 29, 2021

Collection of SVG diagrams about how UTF-8 works

24 Aug 13, 2022

An API that renders HTML/CSS content to PNG using Chromium

html_png An API that renders HTML/CSS content to PNG using Chromium Disclaimer I am not responsible if you happen to make your own instance of this AP

10 Aug 8, 2022

Typesheet is a tiny Python script for creating transparent PNG spritesheets from TrueType (.ttf) fonts.

typesheet typesheet is a tiny Python script for creating transparent PNG spritesheets from TrueType (.ttf) fonts. I made it because I couldn't find an

12 Dec 23, 2022

A proof-of-concept implementation of a parallel-decodable PNG format

mtpng A parallelized PNG encoder in Rust by Brion Vibber [email protected] Background Compressing PNG files is a relatively slow operation at large imag

193 Dec 16, 2022

Simple Python package to convert an image into a quantized image using a customizable palette

Simple Python package to convert an image into a quantized image using a customizable palette. Resulting image can be displayed by ePaper displays such as Waveshare displays.

3 Apr 13, 2022

LGVL helper script to batch and convert with lvgl offline image converter

script to batch and convert with lvgl offline image converter

1 Oct 5, 2022

Comments

Support SVG Batches
The Issue

If I understand this correctly you're supposed to...

Reference SVG files in your project inside a Markdown file

Pass that markdown file into the action And then it will...

Convert the SVGs to PNG

Place them in a folder you also pass into the action

Rewrite the Markdown file

Place the Markdown file into another location that you pass into the action.

But converting SVGs to PNG is useful for more than just markdown previews, and this proves to be too situational.

Proposed Solution

If that's right, I'm wondering why it doesn't just...

Take an input path (or list of paths) and output path (or list of paths)

Convert the SVGs to PNG

Place the PNGs in the output path.

You could also take a list of input and output paths of affected readme files to keep that functionality.

This is currently the only GitHub Action that comes close to accomplishing this. I do hope you consider it.

Thanks.
opened by halotroop2288 0

Releases(only-convert)

only-convert(Sep 16, 2021)

Convert-SVG-to-png @ only

This version only convert the SVG code inserted in a file (include .svg files) to PNG.

Inputs

| NAME | VALUE | DEFAULT | DESCRIPTION | | ---- | ----- | ------- | ----------- | | file | string | README.md | The file from which the SVG code will be collected and in which the code will be replaced by a call to the generated PNG| | path | string | Images/ | The path where the PNG file will go | | name | string | svg | The filename format to save the PNG file |

Example Workflow file

on: push
jobs:
  Makefiles:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/[email protected]
      - name: convert-svg-to-png
        uses: joseaeltala/convert-svg-to-png/@only
        with:
          file: "README.md"
          path: "Images/png"
          name: "converted-svg-file"
      - name: Commit files
        run: |
          git config user.name github-actions
          git config user.email [email protected]
          git commit -m "SVG code converted to png" -a
      - name: Push changes
        uses: ad-m/[email protected]
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          branch: ${{ github.ref }}

Source code(tar.gz)
Source code(zip)

v1(Sep 15, 2021)

Convert SVG code to PNG and replace the code with a called to the image file in Markdown files.

GitHub cannot view SVG files or code from the web, so the main objective of this action is to convert the svg code inserted into any file to PNG, replacing the SVG line by a call to the image (only markdown).

This will be useful to be able to see the SVG code inserted in .MD files from the GitHub web platform:

In Visual Studio Code preview:

In GitHub preview:

After the workflow has done:

Source code(tar.gz)
Source code(zip)
action.yml(547 bytes)

Owner

GitHub Repository

Unique image & metadata generation using weighted layer collections.

nft-generator-py nft-generator-py is a python based NFT generator which programatically generates unique images using weighted layer files. The progra

243 Dec 31, 2022

A python program to generate ANSI art from images and videos

ANSI Art Generator A python program that creates ASCII art (with true color support if enabled) from images and videos Dependencies The program runs u

12 Nov 08, 2022

Javascript image annotation tool based on image segmentation.

JS Segment Annotator Javascript image annotation tool based on image segmentation. Label image regions with mouse. Written in vanilla Javascript, with

513 Nov 15, 2022

Manipulate EXIF and IFD metadata.

Tyf Copyright Distribution Support this project Buy Ѧ and: Send Ѧ to AUahWfkfr5J4tYakugRbfow7RWVTK35GPW Vote arky on Ark blockchain and earn Ѧ weekly

16 Jan 21, 2022

Viewer for NFO files

NFO Viewer NFO Viewer is a simple viewer for NFO files, which are "ASCII" art in the CP437 codepage. The advantages of using NFO Viewer instead of a t

114 Dec 29, 2022

A Toolbox for Image Feature Matching and Evaluations

This is a toolbox repository to help evaluate various methods that perform image matching from a pair of images.

342 Dec 29, 2022

Fast batch image resizer and rotator for JPEG and PNG images.

imgp is a command line image resizer and rotator for JPEG and PNG images.

921 Dec 25, 2022

将位图转为彩色矢量 svg 图片

104 Dec 30, 2022

Generates images of calendar month tables and can paste them onto suitable photos.

📆 calendizer README Generates images of calendar month tables and can paste them onto suitable photos. A quick way to make your own calendar for prin

2 Dec 14, 2022

Convert the SVG code to PNG and replace the line by a call to the image in markdown

6 Sep 06, 2022

Blender addon - convert empty image reference to image plane

Reference to image plane Convert reference images to a textured image mesh plane. As if it was imported with import image as plane Use on drag'n'dropp

6 Nov 25, 2022

imgAnalyser - Un script pour obtenir la liste des pixels d'une image correspondant à plusieurs couleurs

imgAnalyser - Un script pour obtenir la liste des pixels d'une image correspondant à plusieurs couleurs Ce script à pour but, à partir d'une image, de

1 Nov 15, 2021

Napari 3D Ortho Viewer - an ortho viewer for napari for 3D images

napari-3d-ortho-viewer Napari 3D Ortho Viewer - an ortho viewer for napari for 3D images This napari plugin was generated with Cookiecutter using @nap

5 Nov 28, 2022

Multiparametric Image Analysis

Documentation The documentation is available on populse_mia's website here Installation From PyPI, for users By cloning the package, for developers Fr

9 Dec 14, 2022

Python-based tools for document analysis and OCR

ocropy OCRopus is a collection of document analysis programs, not a turn-key OCR system. In order to apply it to your documents, you may need to do so

3.2k Jan 04, 2023

NFT collection generator. Generates layered images

NFT collection generator Generates layered images, whole collections. Provides additional functionality. Repository includes three scripts generate.py

10 Nov 15, 2022

Create QR Code for link using Python

Quick Response QR is short and named for a quick read from a cell phone. Used to view information from transitory media and put it on your cell phone.

1 Jan 09, 2022

Tool that takes your photo and generates a pixelated color by number photo.

Color by number Tool that takes your photo and generates a pixelated color by number photo. Requirements You need to have python installed on your com

1 Dec 18, 2021

⚡ZenGL is a minimalist Python module providing exactly one way to render scenes with OpenGL.

ZenGL is a minimalist Python module providing exactly one way to render scenes with OpenGL.

133 Dec 17, 2022

FrostedGlass is a translucent frosted glass effect widget, that creates a context with the background behind it.

FrostedGlass FrostedGlass is a translucent frosted glass effect widget, that creates a context with the background behind it. The effect is drawn on t

24 Dec 10, 2022

Convert the SVG code to PNG and replace the line by a call to the image in markdown

Related tags

Overview

Convert-SVG-to-png

Objectives

Inputs

Example Workflow file

You might also like...

With this simple py script you will be able to get all the .png from a folder and generate a yml for Oraxen

将位图转为彩色矢量 svg 图片

🛹 Turn an SVG into an STL for stencil creation purposes

Collection of SVG diagrams about how UTF-8 works

An API that renders HTML/CSS content to PNG using Chromium

Typesheet is a tiny Python script for creating transparent PNG spritesheets from TrueType (.ttf) fonts.

A proof-of-concept implementation of a parallel-decodable PNG format

Simple Python package to convert an image into a quantized image using a customizable palette

LGVL helper script to batch and convert with lvgl offline image converter

Comments

Support SVG Batches

The Issue

Proposed Solution

Releases(only-convert)

only-convert(Sep 16, 2021)

Convert-SVG-to-png @ only

Inputs

Example Workflow file

v1(Sep 15, 2021)

In Visual Studio Code preview:

In GitHub preview:

After the workflow has done:

Owner

Unique image & metadata generation using weighted layer collections.

A python program to generate ANSI art from images and videos

Javascript image annotation tool based on image segmentation.

Manipulate EXIF and IFD metadata.

Viewer for NFO files

A Toolbox for Image Feature Matching and Evaluations

Fast batch image resizer and rotator for JPEG and PNG images.

将位图转为彩色矢量 svg 图片

Generates images of calendar month tables and can paste them onto suitable photos.

Convert the SVG code to PNG and replace the line by a call to the image in markdown

Blender addon - convert empty image reference to image plane

imgAnalyser - Un script pour obtenir la liste des pixels d'une image correspondant à plusieurs couleurs

Napari 3D Ortho Viewer - an ortho viewer for napari for 3D images

Multiparametric Image Analysis

Python-based tools for document analysis and OCR

NFT collection generator. Generates layered images

Create QR Code for link using Python

Tool that takes your photo and generates a pixelated color by number photo.

⚡ZenGL is a minimalist Python module providing exactly one way to render scenes with OpenGL.

FrostedGlass is a translucent frosted glass effect widget, that creates a context with the background behind it.