Svg主题的文章列表，还有Svg的技术要点_第1页

解决IIS Web部署 svg/woff/woff2字体找不到问题

最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有<,+等符号，字体也不对，发现浏览器总是报找不到woff、woff2字体的错误。原因：因为服务器IIS不认SVG，WOFF/WOFF2这几个文件类型，只要在IIS上添加MIME类型即可。1、打开IIS界面，如下图、找到MIM...

开发笔记 ·2024-09-29

linux命令：SVGAText Mode

SVGAText Mode功能说明：加强文字模式的显示画面。语　　法：SVGATextMode [-acdfhmnrsv][-t <配置文件>][模式]补充说明：SVGATextMode可用来设置文字模式下的显示画面，包括分辨率，字体和更新频率等。参　　数：　-a 　...

开发笔记 ·2023-03-16

HTML5之SVG

1、背景SVG是Scalable Vector Graphics的缩写，意为可缩放矢量图形。1998年，万维网联盟成立了一个工作组，研发一种通过XML来表现矢量图形的技术——SVG！由于SVG也是一种XML文件，所以SVG也继承了XML的开放性、可移植性和交互性的优点。如今几乎所有主流的浏览器都支持...

代码星球 ·2021-02-21

winfrom SVG转Imge

svg矢量图的使用，将svg矢量图展示在pictureBox上，拖动可以应用到其他设计软件上，复杂一点，中间涉及到SVG的下载以及 SVG转化为图片等操作效果图如下：源码下载地址： https://download.csdn.net/download/...

代码星球 ·2021-02-18

使用svgdeveloper 和 svg-edit 绘制svg地图

目录:1.描述2.准备工作3.去除地图模板上的水印(可跳过)4.方法一、SVGDeveloper5.方法二、SVG-Edit 有的时候我们需要自定义地图，本文提供基本的基于SVG的矢量图制作教程；地图模板：例如需要自定义某个省份，挑选一张省份的地图图片即可，本文以吉林省地图为例jili...

代码星球 ·2021-02-16

svg矢量图绘制以及转换为Android可用的VectorDrawable资源

项目需要要在快速设置面板里显示一个VoWiFi图标（为了能够区分出来图形，我把透明的背景填充为黑色了）由于普通图片放大后容易失真，这里我们最好用矢量图（SVG(ScalableVectorGraphics)）来做图标，而系统状态栏图标多是用vectorDrawable绘制，所以我们的最终目的就是绘制一个上图中样式的An...

代码星球 ·2021-02-15

js svg转图片格式

1.情景展示　　闲来无事的时候，发现chrome扩展程序里面有图像，本想下载下来，却发现文件格式是svg格式，如何将svg文件改成图片格式？chrome-extension://jlgkpaicikihijadgifklkbpdajbkhjo/image/rating/1-stars.svg2.解决方案　　...

代码星球 ·2021-02-14

SVG图片如何调整大小和颜色

设计妹子给了SVG图片，在开发的时候尺寸不对，颜色也要修改，应当如何解决？1、修改大小：在<svg>标签中修改width、height属性（默认单位是px）2、修改颜色：在<path>标签中修改fill属性，如果没有这个属性，就新增如下图：原文SVG图片如何调整大小和颜色把每一件简单...

代码星球 ·2021-02-12

HTML5 学习总结（四）——canvas绘图、WebGL、SVG

canvas是HTML5中新增一个HTML5标签与操作canvas的javascriptAPI，它可以实现在网页中完成动态的2D与3D图像技术。<canvas>标记和SVG以及VML之间的一个重要的不同是，<canvas>有一个基于JavaScript的绘图API，而SVG和VML使用一个XML...

代码星球 ·2021-02-12

svg矢量图

　　svg：矢量图　　canvas：用于绘制位图　　svg：使用xml格式绘制图形　　svg：要有一个根节点，标签就相当于html　　svg命名空间 xmlns="http://www.w3.org/2000/svg" 版本 version="1.1"　　svg如果不设置大小，默认占用位置...

代码星球 ·2021-02-08

svg动态添加元素

动态添加元素<html><head></head><body><div>x坐标值<inputid="xValue"></div><div>y坐标值<inputid="yValue"></div><...

代码星球 ·2021-01-30

12种炫酷HTML5 SVG和CSS3表单浮动标签特效

这是一组效果非常炫酷的HTML5SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSStransitions和CSSanimations完成，一部分则使用SVG来制作变形动画。在线预览源码下载HT...

代码星球 ·2021-01-21

基于HTML5 SVG和CSS3炫酷蹦床式图片切换特效

今天给大家分享一款效果非常炫酷的HTML5SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。效果图如下：在线预览源码下载HTML结构该图片切换特效的HTML结构中，第一个元素是SVG图...

代码星球 ·2021-01-21

基于HTML5 SVG炫酷文字爆炸特效

这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVGpath属性将文字路径切割为很多小块，然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。在线预览源码下载这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。不论是HT...

代码星球 ·2021-01-21

基于jquery和svg超炫的网页动画

今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码：<divid="intro"><svgxmlns="http://www.w3....

代码星球 ·2021-01-21