#SVG

解决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...

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

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

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图片如何调整大小和颜色把每一件简单...

HTML5 学习总结(四)——canvas绘图、WebGL、SVG

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

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图...

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

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

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

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