Làm cách nào để lưu một SVG trên trang web vào máy tính của tôi?


16

Tôi cần làm việc với logo từ trang web này (ở góc trên cùng bên trái):

nhập mô tả hình ảnh ở đây

Đây là đoạn mã tôi đã sao chép từ trang:

<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg>

Tôi không rành về việc này, nhưng đã thử dán nó vào một tệp văn bản với lưu thêm là ".svg", nhưng tất cả đều vô ích.
(Có thể có gì đó không đúng với các thẻ)

PS: Mọi thứ đều ổn với bản quyền! Tôi chỉ không thể liên hệ với nhà thiết kế khác từ trang web này để yêu cầu một vectơ ngay bây giờ.


2
Bạn có được phép sử dụng / điều chỉnh logo không? Bạn có thể gặp rắc rối nghiêm trọng nếu bạn chỉ đi vòng quanh logo 'ăn cắp' web. Và nếu họ yêu cầu bạn thay đổi nó, tại sao không yêu cầu họ cho các tập tin nguồn?
PieBie

Tôi hiện đang làm việc với phương tiện truyền thông này, tôi không thể liên lạc với một trong những nhà thiết kế của họ để yêu cầu véc tơ!
Aksana Zinchanka

Có vẻ như bạn đang làm đúng, bạn chỉ có thể lưu mã dưới dạng .svg sau đó mở nó trong trình chỉnh sửa vector hỗ trợ svg. Cách này không hoạt động? Những chương trình đồ họa bạn đã thử? Và trình soạn thảo văn bản nào (Mac textedit thích hủy hoại mọi thứ theo những cách đáng ngạc nhiên)
user56reinstatemonica8

1
Như người dùng nói, chỉ cần dán nó vào một trình soạn thảo văn bản và thêm .svgvào cuối tên khi bạn lưu nó. Tùy thuộc vào cài đặt hệ điều hành của bạn, nó vẫn có thể thêm phần mở rộng sai như thế nào logo.svg.txt. Nếu có, chỉ cần đổi tên trực tiếp (không lưu lại) và xóa phần mở rộng không chính xác (.txt). Về cơ bản, nó sẽ mở đúng nếu tên tập tin đầy đủ kết thúc bằng .svg.
Dom

Câu trả lời:


20

Bạn có thể chạy mã này trên bảng điều khiển javascript của mình:

var e = document.createElement('script');
e.setAttribute('src', 'https://nytimes.github.io/svg-crowbar/svg-crowbar.js'); 
e.setAttribute('class', 'svg-crowbar');
document.body.appendChild(e);

hoặc sử dụng bookmarklet này . Làm việc hoàn hảo cho tôi:

nhập mô tả hình ảnh ở đây


1
Có, điều này hoạt động, nhưng có thể thêm một nhận xét giải thích rằng đây là tập lệnh của bên thứ ba trên trang của họ? Một nytimeskịch bản lần có lẽ là tốt, nhưng đó là một hợi nguy hiểm để dạy.
Tom

Điều này làm việc tốt hơn với tôi trong Safari so với Chrome
MicroMachine

3

Đoạn mã bạn đã đăng không phải là XML hợp lệ. Nó cần một khai báo XML và <path>thẻ cần phải được đóng lại.

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg">
    <path
    d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"
    />
</svg>

Tuy nhiên, ngay cả sau khi sửa những thứ đó, nếu tôi mở nó trong Inkscape, tuy nhiên, nó vẫn không giống logo trên trang web. Thay vào đó, có lẽ bạn nên thử một cái gì đó như thế này để trích xuất SVG.


Sao chép nó bằng Firefox, thông qua Trình kiểm tra đối tượng (có thêm a </path>) hoặc thông qua Nguồn trang (không có) cung cấp cho tôi một SVG có thể được mở bằng Illustrator - và nó trông giống hệt logo trên trang web.
usr2564301

3

Nếu bạn đang sử dụng Safari trên macOS, có chức năng tích hợp sẵn cho việc này. Chỉ cần nhấp chuột phải vào hình ảnh SVG, nhấn "Lưu trang dưới dạng ...", sau đó chọn "Định dạng: Nguồn trang" trong menu thả xuống kết quả.

nhập mô tả hình ảnh ở đây

nhập mô tả hình ảnh ở đây


Điều này dường như không hoạt động nếu logo không thể truy cập được thông qua mã (ví dụ: được nhúng trong một lớp) - khi việc nhấp chuột phải không chỉ có thể cho phép người dùng tải hình ảnh, hoặc kéo và thả vào máy tính để bàn hoặc tìm trong nhà phát triển tài nguyên trang của menu
MicroMachine

-3

Sao chép URL sau đó mở nó trong Inkscape. Dễ như ăn bánh!


Xin chào, chào mừng bạn đến với GDSE và cảm ơn câu trả lời của bạn. Bạn có thể vui lòng cho chúng tôi thêm một chút thông tin? Làm thế nào để bạn mở một liên kết trong Inkscape? Lựa chọn thực đơn nào để lựa chọn? Giả sử rằng Asker là người mới bắt đầu sử dụng phần mềm và bạn hầu như giỏi. Cảm ơn! Nếu bạn có bất kỳ câu hỏi nào, vui lòng xem trung tâm trợ giúp hoặc ping một trong số chúng tôi trong Trò chuyện Thiết kế Đồ họa khi danh tiếng của bạn là đủ (20). Hãy tiếp tục đóng góp và tận hưởng trang web!
Vincent

-4

Chắc chắn rồi. Làm cho nó phức tạp nếu bạn thích - nhưng nó không. Mở tệp .svg trong cửa sổ trình duyệt mới. Chọn in -> lưu dưới dạng pdf -> mở trong phần minh họa hoặc các ứng dụng vectơ khác. :)


5
Bạn đã có SVG rồi - tại sao lại làm phức tạp nó bằng cách thêm một bước vào PDF?
Michael Schumacher
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.