svg

【AureRP8.0教程】SVG矢量图标修改颜色攻略

昨天发的矢量图标元件库，颜色是黑的，像木耳一样！而且，在Axure里改不了颜色！有同学说，我要白色；有同学说，我要黄色；（种子请发我邮箱）有同学说，我要绿色；（看好自己的媳妇）还有同学说，我要肉色。（要脸吗？）但是，我是个负责任的男人。你们有需求，我都是尽量满足的。所以呢！写下了下面这一段攻略。1、从元件库拖入要使用的图标。[br]2、按F5键在浏览器中预览，在浏览器页面中
Axure教程 2016年05月31日

SVG

SVG Shapes 1.矩形 关键字：css, html, html5, svg
业界 2016年07月13日

Svg初学总结

原来使用js插件来画图highchart.js,发现还是用svg实现的，打算学习了解一下，以下都是可直接在html插入。支持浏览器：Internet Explorer9，火狐，谷歌Chrome，Opera和Safari什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式
业界 2016年07月13日

SVG初体验

引言借鉴出处此基础教程主要来源于w3c school svg,慢慢地发现mdn svg是更好的进阶资料,以后的主要研究围绕它展开.因为忙于工作上的事情, 所以这篇文章前前后后花了很长时间, 一把鼻涕一把泪, 虽然说不是很难.正文SVG简介之前一直久闻SVG大名,但一直没机会,这几天趁有空的时候初体验了几把,尝尝鲜.Scalable Vector Graphics是一门基于X
业界 2016年07月18日

再来！2016年7月设计圈干货大合集第二波！

好用的素材从来都是多多益善！所以今天忍不住再推一波设计圈干货素材！上次的合集当中，给开发者准备的工具相对较多，而这次的合集则更多的是为设计师所准备的图标、纹理、UIKit 等设计素材，希望它们能在这个热的辣眼睛的天气里给忙于做设计的你，更多的帮助。闲话少叙，咱们看货吧！50 VECTOR FLAT STYLE ICONS PACK 这是一组制作精美的扁平化图标素材，包含PS
产品 2016年08月01日

SVG Sprite 技术实践

SVG Sprite（这里特指基于svg symbol）作为传统css sprite和icon font的替代方案，在现代浏览器（ie9+）上能够正常运行，关于它的技术背景、特点和降级方案等不再赘述，可以参考以下几篇文章，写的都非常不错：未来必热：SVG Sprite技术介绍Web 设计新趋势: 使用 SVG 代替 Web Icon Font使用SVG中的Symbol元素制
业界 2016年08月08日

可直接转代码！超实用的免费SVG图标管理工具: SVGSUS

Svgsus 是刚刚出来的 SVG 图标管理工具，小编第一时间下载体验，它的功能不多，但足够好用，不仅可以作为图标管理，而且能输出不同设备 SVG 代码，这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。免费实用的管理工具 SVGSUS功能特色支持导入 SVG 图标包，管理方便可直接把图标拖至 AI/PS/SKETCH 等工具上使用图标搜索功能可输出不同
业界 2016年09月08日

把 PS 装到网页上！带你轻松打开 SVG 的大门之滤镜实现

练小习：上次和大家一起，用最简单直白，轻松粗暴的方式学习了一遍SVG动画，这次我们再一起来搞点不一样的东西，SVG滤镜的实现。SVG滤镜绝对称得上是他最强大的功能之一，在不影响任何文档结构的前提下，允许你给你的矢量图形添加各种专业视觉效果，我个人给他的定义就是，把PS装到了网页上。一、 SVG滤镜的原理基本原理描述太多明显有违我们 “轻松打开” 的目的，这里简单的描述一下
产品 2016年10月31日

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

通常来说web前端实现动画效果主要通过下面几种方案：css动画；利用css3的样式效果可以将dom元素做出动画的效果来。canvas动画；利用canvas提供的API，然后利用清除-渲染这样一帧一帧的做出动画效果。svg动画；同样svg也提供了不少的API来实现动画效果，并且兼容性也不差，本文主要讲解一下如何制作svg线条动画。先来看几个效果：demodemodemo以上这
业界 2017年03月03日