js-skulpt

js-skulpt 是基于 JavaScript 构建的运行 Python 代码的一个模块，正常的使用和运行都能通过以下方式来使用。能够正常使用的地方是普通代码和 turtle 代码的运行，针对 pygame 代码运行时，需要注意的是要在项目的 public 文件夹中引入 assets/pagame_dist 文件夹才能正常使用运行 Python 代码。

- 下载

``bash npm i js-skulpt --save-dev`

- 引用

`javascript import { initSk, startSk, pauseSk, imageCanvas, clearKeyboardEvent, } from "js-skulpt";

// 存储sk的状态值和输出值 const [myData, setMyData] = useState < any > {};

// 取值 const { successOutput, canvasPrecess, image } = myData;

// 代理设置输出的值 const dataPut = (ikey: string, value: any) => { setMyData((myData: any) => { let _myData = { ...myData, [ikey]: value }; return _myData; }); };

//初始化获取监听 useEffect(() => { initSk(dataPut); }, []);

//运行获取内部参数 const handleClick = (e: any) => { startSk({ scaleNeed: false, //是否缩放画布 code: code, //输入代码 isLineno, //是否翻译显示行号 boundary: { width: 600, //画布宽 height: 800, //画布高 animate: true, //画布动画 speedLevel: 1, //画布动画速度 }, refInput, //绑定页面input输出父级 refCanvas, //绑定页面画布 workSpace, //绑定页面画布包裹gird env: "production", //服务是测试或生产 }); };

//停止进程获取sk内部参数 pauseSk();

//画布绘制成静态图片的参数获取 imageCanvas();

//停止进程对鼠标和键盘的监听 clearKeyboardEvent();``

js-skulpt

- 下载

bash
  npm i js-skulpt --save-dev

- 引用

javascript
  import {
    initSk,
    startSk,
    pauseSk,
    imageCanvas,
    clearKeyboardEvent,
  } from "js-skulpt";

  // 存储sk的状态值和输出值
  const [myData, setMyData] = useState < any > {};

  // 取值
  const { successOutput, canvasPrecess, image } = myData;

  // 代理设置输出的值
  const dataPut = (ikey: string, value: any) => {
    setMyData((myData: any) => {
      let _myData = { ...myData, [ikey]: value };
      return _myData;
    });
  };

  //初始化获取监听
  useEffect(() => {
    initSk(dataPut);
  }, []);

  //运行获取内部参数
  const handleClick = (e: any) => {
    startSk({
      scaleNeed: false, //是否缩放画布
      code: code, //输入代码
      isLineno, //是否翻译显示行号
      boundary: {
        width: 600, //画布宽
        height: 800, //画布高
        animate: true, //画布动画
        speedLevel: 1, //画布动画速度
      },
      refInput, //绑定页面input输出父级
      refCanvas, //绑定页面画布
      workSpace, //绑定页面画布包裹gird
      env: "production", //服务是测试或生产
    });
  };

  //停止进程获取sk内部参数
  pauseSk();

  //画布绘制成静态图片的参数获取
  imageCanvas();

  //停止进程对鼠标和键盘的监听
  clearKeyboardEvent();