SVG入门指南：实战教程与2018优化技巧

需积分: 10 171 浏览量更新于2024-07-18 收藏 8.56MB PDF 举报

"《 Beginning SVG -- 2018》是一本实践导向的SVG教程，作者是Alex Libby，旨在帮助读者快速理解和掌握SVG（Scalable Vector Graphics）技术。该书提供了丰富的实操案例，让学习者能够创建强大且优化的矢量图形内容，这些内容能够在浏览器中轻松处理并适应各种场景，无需依赖大量额外工具。本书的核心内容包括以下几个方面： 1. SVG基础知识：书中首先介绍了SVG的基本概念，包括其特点（如向量图形、无限缩放性、轻量化）、语法结构以及与位图图像的区别。读者可以在这里快速上手SVG，理解其在网页设计和响应式布局中的优势。 2. 实战应用：通过一系列实际项目，例如图标设计、动画效果、交互元素等，读者将学习如何在日常工作中实际运用SVG，提升内容的可操作性和用户体验。每个实例都紧密结合了现代Web开发的最佳实践，确保学习者能够迅速掌握并应用所学知识。 3. 性能优化：书中还探讨了如何在保持视觉质量的同时，对SVG进行优化，以减少加载时间和提高网站性能。这包括选择适当的矢量文件格式、压缩技术和最佳编码实践。 4. 兼容性与跨平台：由于SVG已经成为现代Web标准的一部分，作者会介绍如何确保SVG在各种浏览器和设备上的兼容性，让内容能在不同的平台上无缝显示。 5. 版权与许可：最后，关于版权和许可的法律注意事项也得到了详细说明，确保读者在使用SVG时遵循正确的授权规定，尊重知识产权。《Beginning SVG -- 2018》是一本适合初学者和有经验的设计师、开发者阅读的实用指南，无论是希望深化对SVG的理解，还是寻求在项目中采用SVG技术的新手，都能从中获益匪浅。通过这本书，读者将不仅能快速上手SVG，还能体验到它在现代Web开发中的强大威力。"

Getting Started

PART I

A. Libby, Beginning SVG, https://doi.org/10.1007/978-1-4842-3760-1_1

CHAPTER 1

Introducing SVG

Let me start with a question– which image format should I use: bitmap or vector,

PNGs, JPEGs…?

If you spend any time developing content for the web, then I am sure you’ve asked

yourself this question countless times: there is a whole array of different formats that we

can use, all of which have their own particular qualities! There isn’t a single image format

that is ideally suited to the web, which encompasses the best qualities of all image types,

although Google has tried to push this with the WebP format, which hasn’t received

widespread adoption among other browser providers.

In many cases, I suspect that either JPEG or PNG images would be favored; these are

perfect for complex images where detail is essential (such as photographs). However, if

you need to display clear line drawings, or 2D images, for example, then these formats

aren’t ideal. There are several reasons why, but one of the key weaknesses is maintaining

quality– try resizing a schematic saved as a PNG, and the quality soon becomes very

poor! There has to be a better way surely…?

Indeed there is– let me introduce you to the world of SVG, or Scalable Vector Graphics.

Some people might associate them with applications such as Adobe Illustrator– it’s a

perfectly valid assumption; Illustrator is a market-leading product, even if it is something

of a heavyweight application. However, there is a whole lot more to working with SVG

images– over the course of this book, we’ll see how easy it is to manipulate them using

nothing more than just a text editor and a browser. There’s lots to cover, so without further

ado, let’s make a start on exploring the benefits of using SVG images in our projects.

The Benefits ofUsing SVG

For anyone working with a new format for the first time, I am sure there will be one

overriding question– what makes it so special? What makes this such a useful format

to learn?

剩余304页未读，继续阅读

白鸽-小蛋

粉丝: 10
资源: 166

SVG入门指南：实战教程与2018优化技巧

SVG实战：使用真实示例的可缩放矢量图形入门

Beginning HTML5 and CSS3 技术手册电子书下载

掌握HTML5和CSS3的权威指南

Beginning SVG

Beginning PhoneGap - Mobile Web Framkework for JavaScript and HTML5

Beginning JavaScript Charts - With jqPlot, d3, and Highcharts

Beginning iPhone and iPad Web Apps - Scripting with HTML5, CSS3 and JavaScript

Beginning XML 5th

SVG.Essentials.2nd.Edition.1449374352

Beginning HTML5 and CSS3

最新资源