Hướng dẫn read svg file nodejs - đọc tập tin svg nodejs

Question

Tôi có một ứng dụng trong đó tôi cần phân tích chuỗi đường dẫn SVG từ tệp SVG được lưu trữ trong hệ thống tệp với Node.js. Tôi đã thử nhận chuỗi đường dẫn SVG bằng mô -đun Cheerio nhưng với nó, tôi chỉ nhận được chuỗi đường dẫn đầu tiênNode.Js. I've tried getting svg path string using cheerio module but with It I only get first path string

Nội dung chính Show

    const path_to_svg = __dirname + '/documents/' + 'potpis.svg';

    let $;

    fs.readFile(path_to_svg,'utf8',(err,data)=>{
        if(err) console.log(err);
        $ = cheerio.load(data,{ xmlMode : true });
    });

    const svgPath =  $('path').attr('d');

Nhưng tệp svg của tôi có ba đường dẫn

Để hoàn thành nhiệm vụ để có được đường dẫn chuỗi toàn bộ SVG, tôi cần phải lấy toàn bộ đường dẫn chuỗi SVG. Nếu bất cứ ai có bất kỳ giải pháp nào cho tôi phân tích đường dẫn chuỗi SVG từ tệp svg trong node.js, tôi sẽ đánh giá cao nó.

Hỏi ngày 5 tháng 12 năm 2021 lúc 20:26Dec 5, 2021 at 20:26

1

Bạn có thể nhận được cả ba bằng cách sử dụng .each sau khi nhận được giá trị $('path').

code:

const fs = require("fs");
const cheerio = require("cheerio");

const path_to_svg = __dirname + "/documents/" + "potpis.svg";

let $;
const pathStringsArray = [];

fs.readFile(path_to_svg, "utf8", (err, data) => {
  if (err) console.log(err);
  $ = cheerio.load(data, { xmlMode: true });

  const pathSet = $("path");
  pathSet.each(function () {//<------Get all paths here like a 'for each' loop
    const d = $(this).attr("d");//"d" attribute for current path in the loop
    pathStringsArray.push(d);
  });

  //you can now use your array of path strings
  console.log(pathStringsArray);
});

Đã trả lời ngày 24 tháng 7 lúc 11:56Jul 24 at 11:56

Tệp SVG bằng phần tử HTML are an XML-based markup language for describing two-dimensional based vector graphics.

Phương pháp 2: Sử dụng SVG làm

Hình ảnh SVG và các hành vi liên quan của chúng được xác định trong các tệp văn bản XML, có nghĩa là chúng có thể được tìm kiếm, lập chỉ mục, kịch bản và nén. Ngoài ra, điều này có nghĩa là chúng có thể được tạo và chỉnh sửa với bất kỳ trình soạn thảo văn bản hoặc với phần mềm vẽ.

So với các định dạng hình ảnh bitmaps cổ điển như JPEG hoặc PNG, hình ảnh vector định dạng SVG có thể được hiển thị ở bất kỳ kích thước nào mà không mất chất lượng và có thể dễ dàng định vị bằng cách cập nhật văn bản trong chúng, mà không cần trình chỉnh sửa đồ họa để làm như vậy. Với các thư viện thích hợp, các tệp SVG thậm chí có thể được bản địa hóa khi đang bay.

SVG đã được phát triển bởi World Wide Web Consortium (W3C) từ năm 1999.

Xem thêm, Hướng dẫn SVG.

Tệp SVG bằng phần tử HTML

Phương pháp 2: Sử dụng SVG làm

Nhúng SVG thông qua một phần tử yêu cầu:

Loại thuộc tính

Tệp SVG bằng phần tử HTML

Phương pháp 2: Sử dụng SVG làm

Nhúng SVG thông qua một phần tử yêu cầu:

Loại thuộc tính The quickest way using HTML

Hướng dẫn read svg file nodejs - đọc tập tin svg nodejs

Tệp SVG bằng phần tử HTML

Phương pháp 2: Sử dụng SVG làmUsing SVG as an

programming nodejs

Hướng dẫn read svg file nodejs - đọc tập tin svg nodejs

HTML

HTML

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội