草庐IT

svg-edit

全部标签

html - 使用 SVGZ 而不是 SVG 的缺陷是什么?

我最近开始在我的网站中使用svg图像。其中一些很复杂而且很大,所以我开始压缩它们。它们压缩得很好。为什么有人不使用SVGZ(而不是未压缩版本)?是否存在我应该注意的众所周知的陷阱? 最佳答案 只要您的网络服务器设置了正确的Content-EncodingHTTPheader,它就可以在所有支持SVG的浏览器中工作。我知道的一个陷阱是,如果您希望能够从本地磁盘打开svgz文件(即:不使用网络服务器)。这并不适用于所有浏览器。此外,如果您的svg文件很大,那么您应该考虑使用SVGScour对其进行预处理或类似的。Illustrator和

html - 使用 SVGZ 而不是 SVG 的缺陷是什么?

我最近开始在我的网站中使用svg图像。其中一些很复杂而且很大,所以我开始压缩它们。它们压缩得很好。为什么有人不使用SVGZ(而不是未压缩版本)?是否存在我应该注意的众所周知的陷阱? 最佳答案 只要您的网络服务器设置了正确的Content-EncodingHTTPheader,它就可以在所有支持SVG的浏览器中工作。我知道的一个陷阱是,如果您希望能够从本地磁盘打开svgz文件(即:不使用网络服务器)。这并不适用于所有浏览器。此外,如果您的svg文件很大,那么您应该考虑使用SVGScour对其进行预处理或类似的。Illustrator和

javascript - 旋转椭圆形 SVG 对象

我正在尝试将我的椭圆形图像设置为以固定Angular旋转的动画,以便轮廓围绕一个区域旋转而不改变该区域的形状。我该怎么做?我可以只使用一张图片还是需要几张沿着椭圆形路径的小图片?这就是我所做的(jsfiddle),如您所见,该区域正在根据旋转改变形状Imageformoreclarity 最佳答案 我不是图形天才,但我很确定这不能用你现有的东西来完成。如果你拿走动画并检查PNG本身,你会注意到齿轮已经在一个固定的地方扭曲了,two-pointperspective。方式——齿轮正在“远离”我们,观众。但图像本身是二维的,无论您在SV

javascript - 旋转椭圆形 SVG 对象

我正在尝试将我的椭圆形图像设置为以固定Angular旋转的动画,以便轮廓围绕一个区域旋转而不改变该区域的形状。我该怎么做?我可以只使用一张图片还是需要几张沿着椭圆形路径的小图片?这就是我所做的(jsfiddle),如您所见,该区域正在根据旋转改变形状Imageformoreclarity 最佳答案 我不是图形天才,但我很确定这不能用你现有的东西来完成。如果你拿走动画并检查PNG本身,你会注意到齿轮已经在一个固定的地方扭曲了,two-pointperspective。方式——齿轮正在“远离”我们,观众。但图像本身是二维的,无论您在SV

javascript - 将 svg 转换为 png 时添加 css 样式

我有以下问题:我正在转换由d3.js创建的svg图,但png与svg完全不同。转换前的SVG转换后的PNG:如何将相同的.css代码应用于转换?有没有像创建svg时那样链接到.css文件?svgtopng.js代码:d3.select("#save").on("click",function(){varhtml=d3.select('#h3svg').attr("version",1.1).attr("xmlns","http://www.w3.org/2000/svg")//HEREIWASTRYINGWITH.stylebutIwanttolinkallthecssclassesf

javascript - 将 svg 转换为 png 时添加 css 样式

我有以下问题:我正在转换由d3.js创建的svg图,但png与svg完全不同。转换前的SVG转换后的PNG:如何将相同的.css代码应用于转换?有没有像创建svg时那样链接到.css文件?svgtopng.js代码:d3.select("#save").on("click",function(){varhtml=d3.select('#h3svg').attr("version",1.1).attr("xmlns","http://www.w3.org/2000/svg")//HEREIWASTRYINGWITH.stylebutIwanttolinkallthecssclassesf

html - 在 IE Edge 中不考虑 SVG 转换属性

下面的JSFiddle是一个SVG绘图,有2个棕色矩形彼此间隔并且有一个组有一个类class="group"应用转换(旋转和平移)。JSFiddle引用Caniuse.com,主要浏览器支持率最高,说明IE9+支持SVGtransform属性,在Knowissues上说:IE10andbelowdoesnotsupportCSStransformsonSVGelements(thoughSVGtransformattributesdowork).问题尽管我唯一的来源是这个网站,但我知道我们是否能弄清楚为什么IEEdge此时(2015年12月)不支持转换属性?问题2是否有任何替代方法来应

html - 在 IE Edge 中不考虑 SVG 转换属性

下面的JSFiddle是一个SVG绘图,有2个棕色矩形彼此间隔并且有一个组有一个类class="group"应用转换(旋转和平移)。JSFiddle引用Caniuse.com,主要浏览器支持率最高,说明IE9+支持SVGtransform属性,在Knowissues上说:IE10andbelowdoesnotsupportCSStransformsonSVGelements(thoughSVGtransformattributesdowork).问题尽管我唯一的来源是这个网站,但我知道我们是否能弄清楚为什么IEEdge此时(2015年12月)不支持转换属性?问题2是否有任何替代方法来应

javascript - 如何在 svg 的 <g> 标签中获取内部标签?

我正在使用SVG使用JavaScript的标签。我需要在每个rect中获取内部标签(例如:path、等)标签。这是我用来获取特定标签的内容。varstess=selectedElement.getElementsByTagName('rect');console.log(stess);但我也有动态标签。我应该如何检索内部标签的值?更重要的是,如何更改这些内部标签的宽度?这是我试过的代码:$('.test').change(function(){console.log(selectedElement.children());//ResultsError}我最终记录了.我应该如何进行?

javascript - 如何在 svg 的 <g> 标签中获取内部标签?

我正在使用SVG使用JavaScript的标签。我需要在每个rect中获取内部标签(例如:path、等)标签。这是我用来获取特定标签的内容。varstess=selectedElement.getElementsByTagName('rect');console.log(stess);但我也有动态标签。我应该如何检索内部标签的值?更重要的是,如何更改这些内部标签的宽度?这是我试过的代码:$('.test').change(function(){console.log(selectedElement.children());//ResultsError}我最终记录了.我应该如何进行?