#SVG

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

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

Javanx

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

5620

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

外婆的彭湖湾

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

因为Web端的Lottie-web工具是借助Canvas,SVG去实现的,为什么这么说呢? API:bodymovin.loadAnimation(opt)里面...

8720

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

数据森麟

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

8020

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

mixlab

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

9320

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

个推

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

8900

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

疯狂的技术宅

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

8030

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

BI佐罗

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

8420

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

Francis

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

5620

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

coder_koala

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

6420

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

AI科技大本营

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

16620

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

IT人一直在路上

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

13530

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

陶士涵

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

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

7610

SVG基础知识速查笔记

前端_AWhile

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

11540

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

Javanx

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

6420

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

Javanx

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

8530

SVG 图标在React项目中的优化

码农杰

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

8010

css实现文字颜色渐变

码农杰

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

11020

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

码农杰

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

10350

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

Javanx

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

6120

Canvas小游戏——五子棋

Javanx

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

7020

扫码关注云+社区

领取腾讯云代金券