矢量图

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统

每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求。另外网页的社交分享功能不仅可以满足阅读者,同时,对于网络应用本身,也可以相应的增加该网站的外部链接,比如微博豆瓣等线上粘性用户非常多的社交平台,如果是twitter或者facebook则可以带来... »

Jupyter Notebook输出矢量图实例

相信大家都很熟悉在 Jupyter Notebook 上面用 Matplotlib 了,但是不知道大家看到画出来那一坨糊糊的东西会不会跟我一样浑身难受。其实 Jupyter Notebook 上面输出的是不是矢量图还无所谓,最重要的是生成的插图不能糊啊。在本机打开浏览器,输入http://localhost:8888,然后将服务器端的token粘贴到本地,即可连接到服务器的Jupyter Note... »

在这里插入图片描述

python+gdal+excel构建矢量图

本文介绍一个从excel中读取数据,从而构建点状矢量文件的方法(当然构建面状,线状也是类似的,如有需要可以留言),使用的python+gdal库+xlrd。当然本程序不一定是最简化的,各位读者可以自行优化。本文并不是附上所有的程序而是针对重要的代码段进行讲解。 first: import xlrd ###读取excel文件,比较简单,读取出每个点的 ##信息比如经纬度,还有其他的属性。 file_... »

选择多个矢量要素突出显示

OpenLayers 笔记4:矢量图层交互与选定矢量要素突出显示

目录ol.interaction.Select概述鼠标选定矢量要素突出显示 OpenLayers提供ol.interaction.Select类,来实现对矢量图层的交互。 也是通过监听地图、窗口事件,触发交互,使对应矢量要素产生动态变化。 ol.interaction.Select概述 ol.interaction.Select类可供设置的属性主要包括: condition: 触发交互的地图、浏览... »

在这里插入图片描述

Python绘柱状图无法保存为矢量图 (例如.eps或者.pdf)

文章目录问题描述解决方法 问题描述   绘图代码如下: import matplotlib.pyplot as plt def plot_time_complexity(): temp_name_list = ['ave', 'max', 'min', 'vir', 'bia'] temp_mill_time = [[676, 680, 443, 448,302], [75602, 76788, ... »

Android 中使用svg图片

1. svg认识 SVG:android5.0+出现,w3c推出 使用xml 描述二维图形语言,矢量图,放大缩小无影响为什么用svg,现在手机的短板是内存,不是cpu,svg通过cpu计算,png占用内存 Android上对svg进行阉割,使用Vector Drawable对svg支持,svg小2. svg语法:Vector 语法简介,如何看懂一张svg »

在这里插入图片描述

android中如何添加Vector Asset

而且Vector Asset有一个特别好的优点就是不会出现图片失真的情况。Vecto Assetr是Android 5.0之后新增加的一项功能,目前已经可以兼容到Android 5.0之前的版本。建议大家把Android studio升级到5.0之后的版本。双击Clip Art后面的图标就会进入Vector Asset选择界面,可以根据读者自身的喜好选择资源文件。 »

SVG 图像入门教程

SVG 图像入门教程

一、概述 SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真。 SVG 文件可以直接插入网页,成为 DOM 的一部分,然后用 JavaScript 和 CSS 进行操作。 上面是 SVG 代码直接插入网页的例... »

Svg.js实例教程及使用手册详解(一)

什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 简介: SVG.js是一个轻量级的JavaScript库,允许你轻松操... »

Angular实现svg和png图片下载实现

我经常思考,在面临一个不确定问题时,以往的经验究竟有无辅助作用?如果把经验遗忘会产生何种程度的影响?在上下求索未果之后,如何找回曾经的感觉,恰若灵光一现?凡此种种,终是要思考总结的,这篇文章便是我的反思之作。 本篇文章会记述一些实用的svg与png之间的转换技巧并强调一种思考原则。 概述 技巧 svg和png图片转换和下载 解决chrome data url too large下载问题 解决@Vi... »

Webpack实战加载SVG的方法

SVG 作为矢量图的一种标准格式,已经得到了各大浏览器的支持,它也成为了 Web 中矢量图的代名词。 在网页中采用 SVG 代替位图有如下好处: SVG 相对于位图更清晰,在任意缩放的情况下后不会破坏图形的清晰度,SVG 能方便地解决高分辨率屏幕下图像显示不清楚的问题。 在图形线条比较简单的情况下,SVG 文件的大小要小于位图,在扁平化 UI 流行的今天,多数情况下 SVG 会更小。 图形相同的 ... »

iOS 缩小打包项目ipa大小的实现方法

之前项目上线完全由技术老大搞,这次独立开发自己来,觉得自己的打包项目体积略大,网上搜索了一些比较不错的方法,这里总结下。以上这篇iOS 缩小打包项目ipa大小的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

iOS应用开发中矢量图的使用及修改矢量图颜色的方法

之前捣鼓了点东西,要适配6和Plus,自己做做切图才发现确实有够烦。基于矢量图生成PNG图形的方法也是事后才知道,学习下,希望接下来可以实践。下面进入译文。 iOS应用的视觉形式通常是以图形元素驱动的。在设计开发一款应用时,你需要不同规格的应用图标,例如不同尺寸的Default.png图片,同时还需要为UI的实现准备@1x和@2x图形资源。所有这些图形元素都会让你的产品看上去更吸引人,但弊端也是很... »

这里写图片描述

Android矢量图之VectorDrawable类自由填充色彩

2014年6月26日的I/O 2014开发者大会上谷歌正式推出了Android L,它带来了全新的设计语言Material Design,新的API也提供了这个类VectorDrawable 。也就是android支持SVG类型的资源也就是矢量图。想到矢量图,自然就会想到位图,何为矢量图,何为位图?先来说说位图吧,我们经常用的png,jpg就是位图了,他是由一个单元一个单元的像素组成的。当小ico... »

如何玩转Android矢量图VectorDrawable

如何玩转Android矢量图VectorDrawable

从5.0(API等级21)开始,android开始支持矢量图了。关于什么是矢量图以及矢量图有什么优缺点不在本文的涉及范围之内,具体可以参考矢量图百科。不过这里要提一下它的优点: 保存最少的信息,文件大小比位图要小,并且文件大小与物体的大小无关 任意放大矢量图形,不会丢失细节或影响清晰度,因为矢量图形是与分辨率无关的。 从以上两个优点来看,在项目中使用矢量图至少可以缩小我们apk包的尺寸,而且可以在... »

201647145144001.gif (252×480)

详解Android Material Design自定义动画的编写

在自定义view时也可使用这些api动画在Material设计中,为用户与app交互反馈他们的动作行为和提供了视觉上的连贯性。比如一个explode enter transition,表示Views的进入场景:飞快的从外部向屏幕中心移动。一个exit transition表示,Activity的离开场景。一个share transition表示,在两个Activity间共享它们的activity ... »

python的pygal模块绘制反正切函数图像方法

python的pygal模块绘制反正切函数图像方法

python是一个很有趣的语言,可以在命令行窗口运行。python中有很多功能强大的模块,这篇经验告诉你,如何使用python的pygal模块绘制反正切函数图像。 1.简介 pygal是一个SVG图表库。SVG是一种矢量图格式。全称Scalable Vector Graphics — 可缩放矢量图形。 用浏览器打开svg,可以方便的与之交互。 2.pygal安装 Windows下pyg... »

使用HTML5进行SVG矢量图形绘制的入门教程

VG 表示可伸缩矢量图形,这是一门用于描述 2D 图形的语言,图形应用使用 XML 编写,然后 XML 由 SVG 阅读器程序呈现。SVG 主要用于矢量类型的图表,比如饼图,X,Y 坐标系统中的二维图等等。XML/HTML Code复制内容到剪贴板 »

css设置矢量图字体图标的方法(图解)

最近做项目 写页面 看到很多网站 的文字前面的图标 是用这么写的 content: "\f083";  后来查了很多资料 才知道是 矢量图字体图标 通过插入指定的标签 生成不同的矢量图 比传统的图片 做背景 有很多好处 首先 这些矢量图好控制 大了小了都不会出现马赛克 而且肯定比图节省性能 而且 颜色都可以自定义 可以看下 做的比较成熟的这个 矢量图字体图标插件 ht... »

推荐10 款 SVG 动画的 JavaScript 库

BonsaiBonsai 是一个功能丰富的 JS 类库,你能够用它来画和 animate 动态内容在网站上。这些内容包括了 HTML5 video、变化的 Canvas 和 SVG。SnapSnapSVG 是另一个知名 JS 类库,它是由 Dmitry Baranovskiy 开发的。而且意味着Chartist不会提供个人控制、水印、行为等等一些你能够通过简单的HTML, JavaScript a... »

基于SVG的web页面图形绘制API介绍及编程演示

基于SVG的web页面图形绘制API介绍及编程演示

一:什么是SVG SVG是1999由W3C发布的2D图形描述语言,纯基于XML格式的标记语言,SVG的 全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差 别。SVG是2D图形开发平台,包括两个部分,一个是基于XML语言的数据描述,另 外一部分是可编程的API,其关键特性支持图形,文本,梯度填充,画笔风格,图形 特效滤镜如高斯模糊,会在稍后的代码中演示。... »

JavaScript 判断浏览器是否支持SVG的代码

可缩放矢量图形是基于可扩展标记语言,用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。另SVG还是Static Var Generator静止无功发生器的简称判断浏览器是否支持SVG的代码: Js代码: 复制代码 代码如下: function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !!因此需要判断浏览器... »

javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。 gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.... »

Raphael一个用于在网页中绘制矢量图形的Javascript库

Raphael一个用于在网页中绘制矢量图形的Javascript库

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。 Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox... »

详细教你微信公众号正文页SVG交互开发技巧

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验,而不再跳转H5。结合这一需求,本期分享的内容是如何开发交互式SVG,并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学会了可以接这方面的私活了,短平快地赚小钱钱。 先看下最终SVG交互效果: (体验公众号正文页实际效果,请到本文底部扫码关注公众号) 1 为什么公众号需要交互SVG 技术要有落地的应用场景才能发挥实效。... »

Page 1 of 212