探究...
没错,我就是头条君。求关注~
详解...
编程语言,勉强中
前言svg 是一种矢量图形,在 web 上应用很广泛,但是很多时候由于应用的场景,常常需要将 svg 转为 png 格式,下载到本地等。随着浏览器对 HTML 5 的支持度越来越高...
专业打酱油 / 试用达人 / 修理工
先看下主流浏览器 、手机的尺寸和分辨率主流浏览器和手机的尺寸移动端雪碧图的痛点-不能自适应移动端的icon大小不是不定的,如果用px固定住,在高分辨率手机中就会变得很小在低分辨率手...
前端开发工程师
原文:http://fvsch.com/code/svg-icons/how-to 备注:译文已获得作者授权,转载请附上原文链接。现在有很多种方法在网页中使用 SVG 图标,我并没...
欢迎微信、微博搜索「前端外刊评论」关注,每周放...
关于浏览器图标解决方案,一直就有很多 CSS Sprite,Icon Font,CSS Icon以及SVG.相对而言svg矢量图标以及支持浏览器自身解析的优点,很多团队都已经在使用...
小前端一枚
编辑推荐:稀土掘金,这是一个针对技术开发者的一个应用,你可以在掘金上获取最新最优质的技术干货,不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友...
资源矢量化 “清晰”和“体积”的矛盾与麻烦 面对android的各种dpi某事,想要所有设备上的图片都能有最清晰的效果,就意味着每种dpi模式都必须提供一份对应尺寸的资源,除非你不...
What is Macaw?Macaw is a powerful and easy-to-use vector graphics library written in Swif...
让我们以开发者的视角追随、跟踪它的一举一动。
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何...
只会分享看过觉得有价值的文章!
TL,TR确保大家一小时内可以开车上路..... 来不及解释了,快学车.....SVG其相关特性远比想象中要强,本文首先介绍下SVG的相关定义、优缺点和Demo,接下来会介绍它的相...
说点什么
是时候全面使用矢量图了。——哲鸠斯·沃硕德前言本文是以读者对SVG有一定了解为前提的,否则请先百(谷)度(歌)了解下。实践都是从坑里爬出来的,因此本文的子题目也可叫做Android...
SVG简介SVG(Scalable Vector Graphics)是可缩放矢量图形的缩写,基于可扩展标记语言XML来描述二维矢量图形的一种图形格式,由W3C制定,是一个开放标准。...
TL;DR本文主要是讲解关于 SVG 的一些高级动画特效,比如 SVG 动画标签,图形渐变,路径动画,线条动画,SVG 裁剪等。例如:路径动画 图形渐变: 线条动画: 以及,相关的...
PHPer
CSS3动画已足够强大,不过还是有一些它做不到的地方。配合SVG,让Web动效有更多的可能性。这次要做的效果是一个loading动画(如图):其中旋转通过CSS来完成,但是旋转之后...
简评:使用 SVG 作为占位符不但可以减少数据大小还可以达到不错的显示效果。不同类型的图片 placehold 对于图片占位符,通常我们会使用以下几种处理方式。保持图像为空:这样可...
并不懂得
在一些现代的扁平化设计网站,特别是移动端网站,经常会包含许多简单而清晰的小图标,例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等,这些小图标一般都是由美工做好,可能会...
关注微信公众号:大转转FE。 最有趣的前端团队~
之前遇见动画就很想用css实现,显然有些效果是我们力所不能及,实现起来麻烦,效果不好,让人捉急。其实归结起来,不同的动画有自己的优势,根据实际情况进行取舍。本文就告诉大家如何用SV...
SVG是矢量图形表示,它的一个强大之处在于path标签可以表示任意的矢量形状,利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。1. 做路径动画这个...
最近需要在 React-Native 项目里实现一个填满特定图形的效果,找很久都没发现能满足需求的开源库,于是就打算用 SVG 自己怼一个。好在这方面教程还不少,虽然不能一步到位,...
好奇的iOS程序猿
近几年来SVG使用得越来越多,就连Android的官方库也加入VectorDrawable的支持。这个类就是用来支持向量图的。SVG图片在web端使用非常广泛,我第一次接触这个也是...
show me the code
基本概念svg(Scalable Vector Graphics)是一种基于XML语法的图像格式,全称是可缩放矢量图,其它图像格式都是基于像素处理的,SVG则是属于对图像的形状描述...
有事请发邮件:tt@toutiao.io
前言:记得第一次听说SVG还是刚毕业时听同事说他们在网易的时候研究过SVG,还以为是很古老的技术以为会被canvas淘汰呢当年还是太年轻,SVG作为一门描述性语言可能在有逻辑处理的...
我经常思考,在面临一个不确定问题时,以往的经验究竟有无辅助作用?如果把经验遗忘会产生何种程度的影响?在上下求索未果之后,如何找回曾经的感觉,恰若灵光一现?凡此种种,终是要思考总结的...
FP/Clojurians
原文地址: https://css-tricks.com/using-svg/原文作者: Chris Coyier翻译作者: chenmfSVG是一种向量图的图片格式,即可伸缩向量...
程序员/机车党/隐居山野的农夫
译文出自:闪电矿工翻译组原文地址:Drawing Realistic Clouds with SVG and CSS原文作者:Beau Jackson仓库原文链接:Drawing ...
一、往事几年前,我有幸出差到东莞,在市中心一个85元一晚的小旅馆里面,我很激动。我像个没见过世面的孩子,看着窗外闪亮的霓虹灯招牌,心情久久不能平复。那灯红酒绿的景色,像那神秘的漩涡...
干了十几年的java
本文翻译自“Building a Dynamic Tree Diagram with SVG and Vue.js”,点击文章底部「阅读原文」即可查看本文将会带你了解到我是如何创建...
往事的前篇的内容见这里一、往事3我的非常规操作让被拉进来的姑娘有些慌张,她清了清嗓子,用柔美却略带慌张的声音说道:“靓仔,这是你叫的服务,一共是24元。”我听后一愣,很快就反应过来...