矢量图

　　　　1、svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布； 　　　　2、svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。而canvas输出标量画布，就像一张图片一样，放大会失真或者锯齿 https://www.cnblogs.com/yanghuiting/p/10902001.html 来源： https://www.cnblogs.com/taochengyong/p/12290057.html

SVG：可缩放矢量图形。全称是：Scalable Vector Graphics SVG使用 XML 格式定义图像。 SVG是使用 XML 来描述（二维图形和绘图）程序的语言。 SVG是W3C的推荐标准 SVG于2003年1月14日成为W3C推荐标准。 这是SVG单独文件： <!-- standalone:该属性规定此 SVG 文件是否是 “独立”, 或含有对外部文件的引用。 standalone="no"意味着 SVG 文档会引用一个外部文件,就是 DTD 文件。 --> <?xml version="1.0" standalone="no" ?> <!-- 引用外部的 SVG DTD 。该 DTD 位于 “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd” 。 该 DTD 位于 W3C, 含有所有允许的 SVG 元素。 --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- SVG代码以 <svg> 元素开始。width 和 height 属性可设置此 SVG 文档的宽度和高度。 version属性可定义所使用的SVG版本, xmlns属性可定义 SVG命名空间。 -->

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是有不同的 什么是Canvas 通过Javascript来绘制2D图形。 是逐像素进行渲染的。 其位置发生改变，会重新进行绘制 什么是SVG SVG 指 可伸缩矢量图形 (Scalable Vector Graphics)。 SVG 用来定义用于网络的基于矢量的图形。 SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 图像在 放大或改变尺寸的情况下其图形质量不会有所损失。 SVG 是万维网联盟的标准。 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。 如果在canvas上绑定事件，是绑定在整个画布上 如果在SVG里绑定事件，SVG里面的标签相当于一个dom元素，可以在里面添加事件 两者的区别： Canvas 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快） 不适合游戏应用 来源： https://www.cnblogs.com/conlover/p/11225900.html

矢量图形SVG 什么是SVG？ SVG指可伸缩矢量图形 SVG用于定义网格的基于矢量的图形 SVG是一种基于XML语法的图像格式 SVG图像在放大的情况下图形不会失真 SVG的优点 SVG是可伸缩的 文件体积较小 可无限放大且不会失真 SVG代码直接插入网页， < svg xmlns = " http://www.w3.org/2000/svg " version = " 1.1 " height = " 300 " > < circle cx = " 100 " cy = " 50 " r = " 40 " stroke = " black " stroke-width = " 2 " fill = " red " /> </ svg > SVG代码也可以写在一个独立文件中，然后用img，object，embed，iframe等标签插入网页。 < img src = " circle.svg " > CSS也可以使用SVG文件 .logo { background : url(icon.svg) ; } 来源： CSDN 作者： 浏星者 链接： https://blog.csdn.net/qq_45740562/article/details/103848298

文章目录 将svg转化为xml文件 给每个path设置动画 要实现的效果如下： 将svg转化为xml文件 阿里巴巴矢量图标库iconfont： https://www.iconfont.cn/ 我们需要的心跳图标如下所示： 下载需要的svg图标，右键drawable->new->Vector Asset->选择下载的svg图标->生成xml文件 生成的xml文件如下： 给每个path添加name，并修改描边颜色和宽度以及设置为圆角（round） < vector xmlns : android = "http://schemas.android.com/apk/res/android" android : width = "200dp" android : height = "200dp" android : viewportWidth = "1024" android : viewportHeight = "1024" > < path android : name = "arc1" android : pathData = "M952.64,501.12l-49.28,-41.28A245.44,245.44 0,0 0,960 304a240.64,240.64 0,0 0,-423.68 -155.52l-24.32,29.12 -24.32,-29.12A240.64

Material概述及主题 学习地址： http://developer.android.com/training/material/get-started.html 使用material design创建App： 温习一下material design说明 在app中应用material 主题 创建遵循material design规则的布局 指定投射阴影的高度 使用ListView和CardView 自己定义动画 使用Material 主题 <!-- res/values/styles.xml --> <resources> <!-- your theme inherits from the material theme --> <style name="AppTheme" parent="android:Theme.Material"> <!-- theme customizations --> </style> </resources> 新的Material 主题提供了一下内容： 能够让你调色的系统组件 系统组件的触摸反馈动画 Activity的过渡动画 Material 主题有几种： @android:style/Theme.Material（黑色版本号） @android:style/Theme.Material.Light（浅色版本号） @android:style

本课题是我今年毕业设计的课题，现在我边做边跟大家分享，希望能通过“canvas矢量图形渲染器”让大家对canvas元素和其中的性能优化有更深的理解。 1.首先说说这个矢量渲染器是什么。 canvas元素封装了很对对图形绘制的接口，但是他跟flex相比最大的区别是我们通过fill() 或是 stroke()方法绘制的图形是一张像素图片，当放大或是缩小的时候会出现模糊等各种状况。所以直接调用canvasAPI来绘制矢量图形非常不合适。 这样我们就需要设计一渲染器，里面封装了各种图形的绘制接口，并通过调用渲染器的绘制方法按照我们想发来绘制每一个矢量元素。 每一个矢量元素都是一个继承自矢量图形基类的对象，比如可以使点，线，面等。每一个图形有自己的大小和位置信息，我们依次把每个图形送入渲染器，渲染器结合自己当前的属性（缩放百分比，中心点等）就可以计算出每一个图形需要绘制的真实像素位置，之后再调用canvas的底层API实现图形的绘制。 基本的类图结构如下（在设计的过程当中可能会增加一些新的功能类）： 　 一些点、线、面的基本矢量元素继承自Geometry类，Geometry定义了矢量图形的形状信息。同时也是Vector类的一个属性，Vector类里面还包括矢量元素的其他信息（如id、添加时间等）。 Layer类表示了当前图层的一些基本信息，例如声明了一个图层（大小是400px * 400px

文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处： http://www.cnblogs.com/naaoveGIS/ 。 1 背景 我们在ArcMap中可以直接通过symbol功能对图层进行定制化配图。但是，如果我们将配好图的shp图层在GeoServer中发布时，会发现图层样式完全丢失了。其实原因很简单，用ArcMap配好的图层，其样式文件并不是保存在shp中，而是保存在mxd或者msd中。 那么如何才能让GeoServer发布的图层也能达到定制化配图的效果呢？ 2 SLD简介 SLD是风格化图层描述器（Styled Layer Descriptor）的简称，是2005年OGC提出的一个标准，这个标准在一定条件下允许WMS服务器对地图可视化的表现形式进行扩展。在没有SLD之前，只能使用一些已经在服务器上规定好的样式来对地图进行可视化。而当使用了实现了SLD标准之后，它允许我们从客户端来对地图进行定义自己的样式，分级显示等操作，极大的扩展了地图可视化的灵活性。 该SLD-规范是采用XML定义地图显示样式，通过自定义SLD来配置地图图层渲染的可视化风格，可以设置过滤器，自定义图例等。 rule 是SLD最重要的一个元素，因为她允许根据给定的某个参数（使用过滤器）对数据集进行分类，所有的与分类有关的重要参数都必须在rule元素中设置。 对于使用SLD来进行地图的自定义样式

UWP对SVG的支持很不友好，仅可以通过Image来展示，不能在App内部设置前景色等Style。 不过现在有一个 第三方的网站 ，可以把SVG矢量文件转化为Glyph字体，这样就可以像 Segoe MDL2 一样，自己定义大小颜色了。 打开 Glyphter ，便可以看到网站内置了一些svg。当然也可以自己导入，不过需要注意的是，自己的svg最好不要有图层蒙版编组之类，否则显示不正常。 我这里随便导入两个， 然后点击顶部的下载字体即可。 然后在vs里面导入现有的文件Glyphter.ttf文件，并且把生成操作设置为“内容”。 然后XAML文件里面写： <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center"> <TextBlock Text="A" FontFamily="ms-appx:/Assets/Font/Glyphter.ttf#Glyphter" FontSize="66"/> <TextBlock Text="B" FontFamily="ms-appx:/Assets/Font/Glyphter.ttf#Glyphter" FontSize="96" Foreground="YellowGreen"/> </StackPanel> 这里需要特别注意的是，Text="A"等之类的

开始时源于需要找一个关闭按钮，百度图片上一堆的jpg，少数的png，一些需要免费收费的图标。 不过考虑到Android有个drawable，里面的资源（图片）好像是矢量的，找找看有没有这种资源。 参考： Android使用矢量图（SVG, VectorDrawable）实践篇 怎么获取资源里面说的很清楚了，我这里自己总结一下 1.从ClipArt获取 双击ClipArt右边图片，弹出一个选择宽，里面的图标基本够用了吧。 2.从 iconfont 下载 还能改颜色。 再到上面的LocalFile导入下载下来的svg 3.添加ImageAsset的话，可以生成图标。 来源： CSDN 作者： llhswwha 链接： https://blog.csdn.net/llhswwha/article/details/103933880