Формат Большой размер файла HTML (40 МБ)
Выше приведен код векторной графики, напечатанный в консоли, который я скопировал. Однако, когда я пытаюсь вставить его в новую программу просмотра html, html не отображается идеально, потому что его нужно как-то красиво оформить и отформатировать.
Я пробовал онлайн-редакторы (HTML Formatters), но каждый раз происходит сбой, потому что файл слишком большой (35,5 МБ), может ли кто-нибудь предложить мне простой код, который я могу добавить между строк, чтобы он был красиво отформатирован, или любое программное обеспечение для получения этот HTML-код большого размера нужно отформатировать и украсить. Любой очень ценится :)
@Raptor, да, это файл SVG, файл HTML также может его запустить, верно?
Действительно, похоже на разметку SVG. Попробуйте поместить код в тег <SVG>, как показано на MDN: developer.mozilla.org/en-US/docs/Web/SVG/Element/svg
Отвечает ли это на ваш вопрос? Как автоматически форматировать/отступать XML/HTML в Notepad++
Я боюсь, что некоторые браузеры/приложения также могут дать сбой, пытаясь отобразить такой огромный файл. Если вы динамически генерируете этот svg, вам следует подумать о том, чтобы сначала уменьшить вывод: количество элементов, точность с плавающей запятой, удалить ненужные атрибуты (например, правило заполнения) и т. д.
![Интервьюер: Почему '[] instanceof Object' возвращает "true"?](https://cdn-images-1.medium.com/max/120/0*3Q2LAQJh9HQrdTPK)
Ответы 2
Я просто предполагаю, что может быть проще и меньше поместить их все в один файл, используя такие вещи, как теги стиля и скрипта, но все в порядке, если я ошибаюсь :)
Во-первых, если вы используете Windows, используйте Notepad++, он может обрабатывать очень большие файлы. https://notepad-plus-plus.org/
У вас есть разметка SVG, но для ее отображения вам нужно поместить ее в элемент <SVG>, см.: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg
Создайте новый пустой файл и введите следующий код и вставьте код из консоли в указанное место:
<svg viewBox = "0 0 1000 1000"
xmlns = "http://www.w3.org/2000/svg">
PASTE THE CODE HERE
</svg>
Сохраните файл как pic.svg и откройте его в браузере (например, Chrome и MS Edge могут напрямую отображать файлы SVG).
Вам нужно будет адаптировать координаты viewbox к фактическому размеру изображения. Код выше предполагает, что координаты изображения идут от (0,0) до (1000,1000), но ваше изображение может быть меньше или больше.
В качестве альтернативы SVG можно открыть в программном обеспечении для дизайна, таком как Adobe Illustrator, для редактирования.
Это похоже на SVG вместо HTML. Вы уверены, что это HTML-файл?