A declarative JavaScript framework for RIA on Canvas/Svg.
karas实现了一个微型浏览器引擎,同时扩充CSS/WAA在样式/动画上的标准,增强类似SVG的矢量标签描述语法,结合JSX/React的开发方式,形成一个对前端友好的RIA框架。
npm install karas
- https://github.com/karasjs/karas/blob/master/api.md
- https://github.com/karasjs/karas/blob/master/csx.md
- demo目录下是一个web端的演示教程示例,可直接本地预览
csx
预编译工具建议使用babel-preset-karas
:https://github.com/karasjs/babel-preset-karas- 在线预览:http://army8735.me/karasjs/karas/demo/
chainWebpack(config) {
config.module.rule('exclude').exclude.add(/\.csx$/);
config.module
.rule('csx')
.test(/\.csx$/)
.use('babel-loader')
.loader('babel-loader')
.options({
babelrc: false,
presets: [require.resolve('@babel/preset-env'), require.resolve('babel-preset-karas')],
})
.end();
},
[MIT License]