Some commonly used functions and tools
Using npm:
npm install ranuts@latest --save
Some commonly used functions and tools
Import as required. You can select:
- ranuts/utils
- ranuts/wasm
- ranuts/node
- ranuts/react
- ranuts/ml
import { str2Xml } from 'ranuts/utils';
import { readFile } from 'ranuts/node';
import { word } from 'ranuts/wasm';
import { reactify } from 'ranuts/react';
import { ocr } from 'ranuts/ml';
Full import,(Full import will introduce many unnecessary modules. You are advised to import them on demand)
- ESM
import { str2Xml } from 'ranuts';
const data = `
<svg t="1688378016663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2608" width="128" height="128"><path d="M568 515.008l254.016-255.008q12-11.008 12-27.488t-11.488-28-28-11.488-27.488 12l-255.008 254.016-255.008-254.016q-11.008-12-27.488-12t-28 11.488-11.488 28 12 27.488l254.016 255.008-254.016 255.008q-12 11.008-12 27.488t11.488 28 28 11.488 27.488-12l255.008-255.008 255.008 255.008q11.008 12 27.488 12t28-11.488 11.488-28-12-27.488z" p-id="2609" ></path></svg>
`;
const html = str2Xml(data, 'image/svg+xml');
document.body.appendChild(html);
- UMD, IIFE, CJS
<script src="./ranuts/dist/umd/index.umd.cjs"></script>
<script>
const { str2Xml } = require('ranuts')
const data = `
<svg t="1688378016663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2608" width="128" height="128"><path d="M568 515.008l254.016-255.008q12-11.008 12-27.488t-11.488-28-28-11.488-27.488 12l-255.008 254.016-255.008-254.016q-11.008-12-27.488-12t-28 11.488-11.488 28 12 27.488l254.016 255.008-254.016 255.008q-12 11.008-12 27.488t11.488 28 28 11.488 27.488-12l255.008-255.008 255.008 255.008q11.008 12 27.488 12t28-11.488 11.488-28-12-27.488z" p-id="2609" ></path></svg>
`
const html = str2Xml(data, 'image/svg+xml');
document.body.appendChild(html);
<script>