svg to png in typescript

index.ts
import fs = require('fs');
import { JSDOM } from 'jsdom';
import { convertFile } from 'convert-svg-to-png';

// Read the SVG file
const svgContent = fs.readFileSync('input.svg', 'utf8');

// Create a DOM instance
const dom = new JSDOM(svgContent);

// Get the SVG element
const svg = dom.window.document.querySelector('svg');

// Convert SVG to PNG
convertFile('output.png', svg.outerHTML)
    .then(() => console.log('PNG file saved'))
    .catch((e) => console.error('An error occurred:', e));

496 chars
18 lines

In this code snippet, we are reading an SVG file using fs module, then converting it to a DOM instance using jsdom. We extract the SVG element from the DOM, and use convert-svg-to-png package to convert the SVG to a PNG file.

similar typescript code snippets

svg of a frog in typescript
svg of a circle with 10 smaller circles inside of it in typescript
react component of an svg clock that has a useeffect hook that updates the clock every second in typescript
new es6 functional react component with the name of grandfatherclock. the component returns an svg clock that updated every second in typescript
create a function that calculates volume of a cube in typescript
check if enum is valid in typescript
create a generic interface in typescript
store generic into localstorage in typescript
split a provided array into chunks of a provided size in javascript in typescript
a generic function for storing cache into localstorage in typescript

related categories

typescript
svg
png

gistlibby LogSnag