karas

karas(鸦)

A declarative JavaScript framework for RIA on Canvas/Svg/Webgl.

karas实现了一个微型浏览器引擎，同时扩充CSS/WAA在样式/动画上的标准，增强类似SVG的矢量标签描述语法，结合JSX/React的开发方式，形成一个对前端友好的RIA框架。

Install

npm install karas

Framework

API

• https://github.com/karasjs/karas/blob/master/api.md
• https://github.com/karasjs/karas/blob/master/csx.md

Demo

• demo目录下是一个web端的演示教程示例，可直接本地预览
• CSX（扩展$矢量标签的JSX）预编译工具建议使用babel-preset-karas：https://github.com/karasjs/babel-preset-karas
• 在线预览：http://army8735.me/karasjs/karas/demo/

Webpack config

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();
},

License

[MIT License]