@algorisys/ yappidraw (英语)
这个 雅皮画 绘制没有编辑器的 API,作为浏览器 ES 模块.
以代码创建形状,然后将它们变成内置的SVG. 每一个形状都是 <g data-yappy-id="…">, (中文(简体) ),
所以CSS和动画库可以瞄准它.
npm install @algorisys/yappydraw
import { Yappy, mount, fontsReady } from '@algorisys/yappydraw'
await fontsReady() // before creating any text
const sun = Yappy.createCircle(40, 40, 120, 120, { backgroundColor: '#ffd166', fillStyle: 'hachure' })
mount('#stage') // inline SVG
或者没有安装,从CDN:
<script type="module">
import { Yappy, mount } from 'https://cdn.jsdelivr.net/npm/@algorisys/[email protected]/yappy.js'
</script>
| 导出 | 什麽 |
|---|---|
Yappy | 全数 window.Yappy API : (英语) create*, (中文(简体) ), importDSL, (中文(简体) ), loadDocument,... (参见应用帮助) |
toSVG(options?) | SVG 标记,默认情况下元素的ID. 从不下载文件. |
mount(target, options?) | 以内置 SVG 为元素; 返回 <svg> |
fontsReady() | 装入 YappyDraw 字体; 在创建文本前等待 |
clear() | 开始新画 |
version | YappyDraw 版本 此版本从 |
页:1
- 仅浏览器 . 它需要一个DOM和画布来进行文字测量.
- 每页画一幅. 该商店是一个模块单通;呼叫
clear()在建造下一个之前. - 保留
chunks/旁边yappy.js。 。 。 . MathJax和出口商从那里装入第一个 使用时间. - 许可证: AGPL-3.0作为YappyDraw的其余部分. 检查它是否适合您的项目之前 将其捆绑入您作为网络服务分发或运行的软件.
资料来源: agorisys-oss/yappidraw @ v0.8.306 (英语)。 。 。 .