1. Produk
  2.   Gambar rajah
  3.   Node.js
  4.   Pintora
 
  

API Node.js untuk Membuat & Menukar Diagram Interaktif

Perpustakaan Node.js Sumber Terbuka untuk Menukar Teks kepada Diagram serta Mengurus Pelbagai Jenis Diagram dalam Persekitaran Node.js.

Apa itu Perpustakaan Pintora?

Pintora mempermudah lukisan diagram. Alat JavaScript yang fleksibel ini membolehkan anda menukar teks menjadi diagram dengan mudah, sama ada anda bekerja dalam penyemak imbas atau Node.js. Diilhamkan oleh Mermaid.js dan PlantUML, Pintora menyediakan kaedah yang boleh dipercayai dan mudah digunakan untuk membuat diagram. Ia menyatu dengan lancar ke dalam pelbagai susunan pembangunan, menjadikannya pilihan serbaguna untuk pelbagai projek. Hikerpig membangunkan perpustakaan Pintora untuk membantu menghasilkan pelbagai jenis diagram seperti carta alir, diagram urutan, dan diagram kelas. Jika anda seorang pembangun atau penulis teknikal yang ingin menambah diagram ke dalam dokumen, pembentangan, atau spesifikasi teknikal anda, alat ini untuk anda. Apa yang menjadikan perpustakaan ini istimewa ialah keupayaannya membantu anda mencipta visualisasi khusus dengan pelbagai pilihan penyesuaian.

Dengan menggunakan Pintora Library, anda dapat menyesuaikan warna, fon, animasi, dan elemen lain dengan mudah untuk mereka bentuk visualisasi yang bukan sahaja menarik secara visual tetapi juga sepadan dengan jenama anda dan menyampaikan mesej anda dengan berkesan. Ia mengubah cara pemaju perisian menghasilkan visualisasi data yang menakjubkan. Ia bersifat sumber terbuka dan kerap dikemas kini untuk terus memperbaikinya serta menawarkan bantuan komuniti. Sintaksnya yang mudah difahami dan digunakan, menjadikannya sesuai untuk orang dengan pelbagai kemahiran teknikal. Anda boleh memperibadikan penampilan diagram anda dengan menukar warna, bentuk, dan ciri visual lain mengikut keperluan anda. Pintora Library merupakan pilihan popular bagi ramai orang yang ingin meningkatkan visualisasi data mereka, kerana pelbagai ciri, API yang mudah digunakan, dan reka bentuk yang moden.

Previous Next

Mula Menggunakan Pintora

Kaedah yang disyorkan untuk memasang Pintora Library ialah menggunakan NPM. Sila gunakan perintah berikut untuk pemasangan yang lancar.

Pasang Pintora melalui NPM

 npm install pintora

Buat Diagram Urutan dalam Node.js

Perpustakaan Pintora sumber terbuka sangat mudah digunakan, menawarkan cara yang lancar untuk menukar penerangan teks menjadi diagram yang hidup dalam Aplikasi Node.js. Dengan hanya beberapa baris kod, pemaju perisian dapat mencipta dan mengurus diagram urutan menggunakan perpustakaan Pintora. Diagram urutan menggambarkan bagaimana objek berinteraksi dalam urutan tertentu. Contoh berikut menunjukkan diagram urutan yang ditakrifkan untuk menggambarkan interaksi antara dua peserta. Sintaks menetapkan mesej yang dipertukarkan antara mereka, dan Pintora menjana SVG yang sepadan dalam aplikasi Node.js.

Bagaimana Membuat Diagram Urutan dalam Aplikasi Node.js?

const { renderToSvg } = require('pintora');

const sequenceDiagramDefinition = `
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good, thanks!
`;

// Render the sequence diagram to SVG
const svg = renderToSvg(sequenceDiagramDefinition);

// Output the SVG
console.log(svg);

Sesuaikan Diagram dalam Aplikasi Node.js

Perpustakaan Pintora menyokong sepenuhnya penyesuaian meluas bagi pelbagai jenis diagram. Perpustakaan ini memudahkan pemaju perisian untuk mengendalikan pelbagai elemen diagram seperti lapisan, master, halaman, bentuk, dan penyambung dalam aplikasi Node.js mereka sendiri. Mereka boleh mengubah warna, bentuk, dan elemen visual lain mengikut keperluan mereka. Berikut ialah contoh yang menunjukkan bagaimana pemaju dapat menyesuaikan carta alir menggunakan perpustakaan Node.js.

Bagaimana Menyesuaikan Carta Alir dalam Aplikasi Node.js?

const { renderToSvg } = require('pintora');

const customizedFlowchartDefinition = `
flowchart TD
    style A fill:#f9f,stroke:#333,stroke-width:4px;
    style B fill:#bbf,stroke:#333,stroke-width:4px;
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great]
    B -->|No| D[Fix it]
    D --> A
`;

// Render the customized flowchart to SVG
const svg = renderToSvg(customizedFlowchartDefinition);

// Output the SVG
console.log(svg);

Buat & Edit Diagram Kelas dalam Node.js

Pustaka Pintora sumber terbuka telah menyediakan fungsi lengkap untuk mencipta dan mengurus diagram kelas dalam aplikasi Node.js. Diagram kelas digunakan untuk menerangkan struktur sistem dengan memaparkan kelas, atribut, dan hubungan. Contoh berikut menunjukkan cara mencipta diagram kelas. Diagram tersebut mendefinisikan dua kelas, Animal dan Dog, bersama atribut dan metodnya. Kelas Dog mewarisi daripada kelas Animal, seperti yang ditunjukkan oleh notasi <|--.

Bagaimana Membuat Diagram Kelas dalam Aplikasi Node.js?

const { renderToSvg } = require('pintora');

const classDiagramDefinition = `
classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
    }
    class Dog {
        +String breed
        +void bark()
    }
    Animal <|-- Dog
`;

// Render the class diagram to SVG
const svg = renderToSvg(classDiagramDefinition);

// Output the SVG
console.log(svg);
 Melayu