标签: vector-graphics

我应该使用<img>,<object>或<embed>加载SVG文件到一个页面类似于加载的方式jpg,gif还是png？

每个代码的代码是什么,以确保它尽可能地工作？(我在我的研究中看到了包括mimetype或指向后备SVG渲染器的参考,并没有看到一个很好的最新参考).

假设我正在检查与Modernizr的 SVG支持,并<img>为不支持SVG的浏览器退回(可能用普通标签替换).

矢量支持如何在Xcode 6中工作？

当我尝试调整图像大小时,它看起来是锯齿状的,是什么给出的？

Android Studio现在支持21岁以上的矢量资产,并将在编译时为较低版本生成png.我有一个矢量资源(来自材料图标)我想要更改填充颜色.这适用于21+,但生成的png不会改变颜色.有没有办法做到这一点？

<vector android:height="48dp" android:viewportHeight="24.0"
android:viewportWidth="24.0" android:width="48dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="@color/primary" android:pathData="M9,16.17L4.83,12l-1.42,1.41L9,19 21,7l-1.41,-1.41z"/>

<rect>在SVG中的元素上设置笔触宽度:1会在矩形的每一边放置笔划.

如何仅在SVG矩形的三个边上放置笔划宽度？

当我注意到一些非常有趣的东西时,我正在摆弄Xcode 6与图像资产:我们现在可以在其中指定矢量图像(在选择Images.xcassets后,请参阅"工具"窗格中).

我尝试了一个小应用程序(包含一个大的UIImageView)和一个.SVG图像(不起作用),然后一个.EPS(也没用),我终于尝试了.PDF它工作了!好吧,虽然我看到了图像,它看起来像素化而没有矢量化.

因此,似乎苹果正在为矢量图标/图像做准备.没有更多的zillions版本的应用程序图标,不再有"@ 2x"图像.但任何人都可以解锁该功能吗？

谢谢你的尝试.

我想知道Android中带有Shape类的矢量绘图可能与另一个矢量绘图标准相似.

由于Shape是a Drawable,而Drawable通常被定义为XML,它听起来很像SVG中的矢量绘图命令.

我的问题是:有没有人创建了一个XSLT转换或其他机制,用于将SVG绘图描述转换为Android Shapes？

我是R和LaTeX的新手,刚刚发现如何使用R绘制标准时间序列图并将其保存为png图像.我担心的是将它保存为图像然后将其嵌入到LaTeX中将会扩展它并使其看起来很难看.

有没有办法让R的plot()函数输出一个矢量图形并将其嵌入到LaTeX中？我是两个人的初学者所以请温柔:)代码片段非常感谢!

我想用C#生成一个SVG文件.我已经有了用PNG和EMF格式绘制它们的代码(使用框架的标准类System.Drawing.Imaging.Metafile和ZedGraph).您可以建议将该代码调整为SVG吗？我最好找一些模仿System.Drawing.Graphics界面的库(免费或不免费).

dojo中getBoundingBox()的文档说:

返回形状的边界框.文本形状是基于点的对象,因此它不定义边界框.

我不明白.Web的矢量图形的任何理智的实现包括文本对象的边界框(raphaelJS和jQuery SVG)!在这里,"基于点的对象"是什么意思？

我没有找到Group对象的边界框的引用,但是在使用最新的Dojo版本时,也getBoundingbox返回null了Groups的组

我自己可以很容易地为矩形做边界框,但是我需要边界框的唯一真正有问题的形状是Group和Text.

我结束了hotpatching dojo,如:

dojox.gfx.Text.prototype.getBoundingBox = function() { return this.rawNode.getBBox();});
dojox.gfx.Group.prototype.getBoundingBox = function() { return this.rawNode.getBBox();});

哪个当然只适用于SVG输出前端.

但我想知道,我错过了什么吗？有没有更好的方法呢？

我有以下SVG:

<g>
  <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path>
  <path id="kb8000001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#k9ffb0001)"></path>
</g>

我希望得到一个类似CSS border-top-right-radius和border-top-bottom-radius效果.

如何实现圆角效果呢？