SVG

#SVG

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式

React 造轮子系列：Icon 组件思路

Javanx 7 天前2019-10-15 10:35:47

本轮子是通过 React + TypeScript + Webpack 搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。

5620

Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案

外婆的彭湖湾

今日头条 · 实习生 (已认证)

23 天前2019-09-29 14:35:42

因为Web端的Lottie-web工具是借助Canvas，SVG去实现的，为什么这么说呢？ API：bodymovin.loadAnimation（opt）里面...

8720

Python20秒画完小猪佩奇“社会人”

数据森麟 25 天前2019-09-27 18:28:47

观察这个图像可以发现，小猪佩奇在构图基本是各种曲线，类抛物线、类圆、类椭圆、类二次贝塞尔曲线。这里说的都是“类”，这也正是小猪佩奇的构图精髓，一种手绘风格，而不...

8020

继续聊技术思维与设计思维的mix

mixlab 26 天前2019-09-26 16:57:57

本文继续聊设计思维与技术思维的mix，基于志荣做的访谈《第三期采访：设计师如何在智能化时代持续学习和成长？》，mixlab社区重新梳理了4个内容跟大家分享下。

9320

说好不哭！数据可视化深度干货，前端开发下一个涨薪点在这里~

个推 26 天前2019-09-26 10:27:18

D3.js非常优秀，我们称它是图表界的jQuery，基本能实现我们想要的效果。但是，它也存在一个问题，即它是使用SVG的。SVG是一种矢量图格式，可以保护图片呈...

8900

在 HTML 中包含资源的新思路[每日前端夜话0xC3]

疯狂的技术宅 27 天前2019-09-25 10:27:45

注意：这篇文章描述了一种我们仍需要测其试性能影响的实验技术。它可能最终会成为一种有用的工具，也有可能成为不被推荐的做法。无论哪种方式，它对我们来说很有吸引力！

8030

PowerBI 从矩阵Sparkline揭示SVG图形通用技巧

BI佐罗 29 天前2019-09-23 19:12:50

你可以将不同文件转为 SVG，也可以制作 SVG 文件。例如，我们将 Excel120 的logo文件是 png 格式导入并转为 SVG。利用完全一样的套路就可...

8420

利用Python协助解读C/C++程序源码

Francis 2019-09-202019-09-20 17:33:29

终于更新一个小的python项目来一起动手学习了，今天想看看Redis源码，可惜太慢太多，思维太乱，于是想到看是否用Python可以分析出这个源码直接的依赖关系...

5620

每个前端工程师都应该了解的图片知识(长文建议收藏)

coder_koala 2019-09-172019-09-17 18:18:50

SVG 跟上面这些图片格式最大的不同，是 SVG 是矢量图。这意味着 SVG 图片由直线和曲线以及绘制它们的方法组成。当你放大一个 SVG 图片的时候，你看到的...

6420

如何画出高级酷炫的神经网络图？优秀程序员都用了这几个工具

AI科技大本营 2019-09-172019-09-17 17:40:00

NN-SVG 可以非常方便的画出各种类型的图，其作者是下面这位小哥哥开发的，他来自于麻省理工学院弗兰克尔生物工程实验室, 该实验室开发可视化和机器学习工具用于分...

16620

三种图表技术SVG、Canvas、WebGL 3D比较

IT人一直在路上 2019-09-162019-09-16 11:36:09

看到这里你肯定会觉得那直接所有图形都用SVG画不就行了，位图就可以直接淘汰了呀，但是SVG画的图也有缺点，以下针对两者的不同做一个对比。

13530

[日常] Go语言圣经--浮点数习题

陶士涵

新浪网技术(中国)有限公司 · PHP开发工程师 (已认证)

2019-09-102019-09-10 12:45:29

练习 3.1：如果f函数返回的是无限制的float64值，那么SVG文件可能输出无效的多边形元素（虽然许多SVG渲染器会妥善处理这类问题）。修改程序跳过无效的...

7610

SVG基础知识速查笔记

前端_AWhile 2019-09-062019-09-06 17:50:43

svg是指可缩放矢量图形，是用于描述二维矢量图形的一种图形格式。svg使用XML格式来定义图形，除ie8之前版本外，绝不部分浏览器均支持svg，可将svg文本直...

11540

使用 pasition 制作酷炫Path过渡动画

Javanx 2019-09-052019-09-05 18:41:25

Pasition – Path Transition with little JS code, render to anywhere – 超小尺寸的Path过渡...

6420

线条之美，玩转SVG线条动画

Javanx 2019-09-052019-09-05 18:41:09

当我们掌握了上述的方法后，整个利用SVG实现线条动画的原理就已经清楚了，我们需要的就是一个SVG路径了，但是总画一些简单的线条还是不美啊，那我们如何才能得到复杂...

8530

SVG 图标在React项目中的优化

码农杰 2019-09-042019-09-04 16:25:21

一般设计师会使用 Adobe suite 或者 Sketch 等工具导出 SVG 文件，但这样的 SVG 一般是有属性冗余的，所以需要对 SVG 进行一定的压缩...

8010

css实现文字颜色渐变

码农杰 2019-09-042019-09-04 15:32:50

background: -webkit-linear-gradient(…) 为文本元素提供渐变背景。 webkit-text-fill-color: tra...

11020

SVG字体比IconFont更好用(SVG Sprite)

码农杰 2019-09-042019-09-04 15:31:45

IcoMoon, which is known for producing icon fonts, actually does a fantastic job ...

10350

如何提升你的CSS技能，掌握这20个css技巧即可[完整版]

Javanx 2019-09-042019-09-04 15:27:56

SVG使用于所有分辨类，并且所有浏览器也都支持。所以可以将.png .jpg .gif 等文件丢弃。FontAwsome5中也提供了SVG的图标字体。设置S...

6120

Canvas小游戏——五子棋

Javanx 2019-09-042019-09-04 15:26:45

Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容。 HTML5的Canvas画布功能真的很强大，与之对应的还...

7020

腾讯云·社区

云+社区