腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

练小习的专栏

专栏作者

98

文章

141758

阅读量

59

订阅数

SVG图形绘制入门第一弹

图像处理 svg

之前很长一段时间，我是不重视SVG的，认为他就是在AI里画画，然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制，因为不会写不得已而拿插件实现，而插件绘制的SVG代码又因为看着非常吃力甚至看不懂，导致自己严重受挫。到那个时候我才从基础正式开始学习SVG。关于SVG的文章和教程网络上有很多，我这一系列的ABC其实是我自己的一个学历历程，对于高手应该没有太大的帮助，对于还没有怎么写过的同学，可以一起开始学习。首先先来认识一下SVG： SVG可缩放矢量图形（Scalable Vector Graphi

2018-01-15

3K3

带你轻松打开SVG动画的大门

初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所

2017-12-29

7340

带你轻松打开svg滤镜的大门

svg 图像处理

本文介绍了SVG滤镜的用法，包括模糊、失真、暗角、浮雕等效果，并通过实例进行演示。同时介绍了如何在DOME中自定义属性，以及常见的SVG图像的fallback方案。

2017-12-29

1.1K0

几种SVG图像的fallbacks

svg 图像处理

本文介绍了三种SVG图像的fallback方案，分别是使用图片作为占位符、使用srcset属性或使用SVG标签。这些方案各有优缺点，需要根据具体需求选择合适的方案。

2017-12-29

8560

web图像的常见应用策略与技巧

svg 图像处理

文章主要讲述了如何通过设置图片质量、使用矢量图片、设置图片压缩、懒加载等技术来优化图片的加载和显示效果，同时介绍了在特殊场景下如何实现图片的优化显示，最后还介绍了一些关于图片优化的技巧和经验。

2017-12-29

1.8K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态