vtk.jsにおけるstlとjsonの相互変換

2024年11月21日44

AI 翻訳

この記事はAIを通じて英語から日本語に翻訳されました。原文を表示

AI が生成した要約

この投稿では、vtk.jsを使用してSTLとJSONフォーマットの間でデータを変換する方法が説明されています。 ### STLをJSONに変換する方法 1. STLファイルを指定したパスから取得し、ArrayBufferとして読み込む。 2. vtkSTLReaderを使用してSTLデータを解析し、ポリデータを取得。 3. 取得したポリデータをJSON形式に変換。 ### JSONをSTLに変換する方法 1. JSONファイルをインポートし、ポリデータを生成。 2. vtkSTLWriterを使用してポリデータをSTL形式に変換。 3. 生成したSTLデータをBlobとして作成し、ダウンロードリンクを生成してユーザーに提供。これにより、STLとJSONの相互変換が可能になります。

stl を json に変換する方法#

import vtkSTLReader from '@kitware/vtk.js/IO/Geometry/STLReader';

const getStlModelFromPath = async (path: string) => {
  const response = await fetch(path);
  const stlArrayBuffer = await response.arrayBuffer();
  
  const stlReader = vtkSTLReader.newInstance();
  stlReader.parseAsArrayBuffer(stlArrayBuffer);
  
  const polyData = stlReader.getOutputData();
  return polyData;
};

const stlPath = '/path/to/your/model.stl';
const polyData = await getStlModelFromPath(stlPath);
const jsonData = polyData.toJSON();

json を stl に変換する方法#

import modelJSON from './model.json';

const convertPolyDataJSONToStl = (polyDataJSON: string, fileName: string = 'model.stl') => {
    const polyData = vtkPolyData.newInstance(polyDataJSON);
    const writer = vtkSTLWriter.newInstance();

    writer.setInputData(polyData);
    const fileContents = writer.getOutputData();

    // Blobを作成し、ダウンロードリンクを生成
    const blob = new Blob([fileContents], { type: 'application/octet-stream' });
    const a = window.document.createElement('a');
    a.href = window.URL.createObjectURL(blob);
    a.download = fileName;

    // ダウンロードをトリガー
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    window.URL.revokeObjectURL(a.href);
};


convertPolyDataJSONToStl(modelJSON);