标签: vector-graphics
他们如何在stackoverflow上绘制图表/图表？
我花了很多年的时间学习VML并为网站创建图表,但由于VML只能在Internet Explorer中运行,所以这些日子并不好.
我注意到stackoverflow在我的个人资料页面上有"声誉"下的图表,但我无法看到他们是如何做到的.
任何人都可以建议一种方法来创建客户端图表或图表,适用于所有浏览器？我不想使用服务器端方法,即动态创建图像文件.我也希望用JavaScript与图表进行交互.
[编辑 - 这不仅仅是我想要绘制的图表.也许是小图!]
谢谢.
推荐指数
解决办法
查看次数
如何显示SVG图形的子部分或"切片"？
有没有办法切片SVG.我的意思是任何已经可用的lib.我需要在Java中实现这个切片组件.
我的意思是,我有单个SVG文件和基于标尺/比例我选择图形,我想将单个SVG切成不同的SVG文件.
希望我很清楚
推荐指数
解决办法
查看次数
渲染矢量形状在Java中
我有一系列形状(约50),每个有5个点和一个颜色(具有alpha透明度).我想将这些形状渲染到像素网格上.
我作为业余爱好者编程,所以我不知道该怎么做才能做到这一点.
有人能给我一个起点,还是一些伪代码？
提前致谢.
推荐指数
解决办法
查看次数
实现Blinn-Phong着色模型的问题
我做了这个非常简单,完美的工作,Phong Relflection模型的实现(还没有实现的氛围,但现在不打扰我).功能应该是自我解释.
/**
* Implements the classic Phong illumination Model using a reflected light
* vector.
*/
public class PhongIllumination implements IlluminationModel {
@RGBParam(r = 0, g = 0, b = 0)
public Vec3 ambient;
@RGBParam(r = 1, g = 1, b = 1)
public Vec3 diffuse;
@RGBParam(r = 1, g = 1, b = 1)
public Vec3 specular;
@FloatParam(value = 20, min = 1, max = 200.0f)
public float shininess;
/*
* Calculate the intensity of light …推荐指数
解决办法
查看次数
glDrawElements只绘制了半个四边形
这是我的功能:
void Object::draw2()
{
if(!mIsInitialised) { return; }
//Tell OpenGL about our vertex and normal data
glEnableClientState(GL_VERTEX_ARRAY);
glVertexPointer(3, GL_FLOAT, 0, &Vertices.front());
glEnableClientState(GL_NORMAL_ARRAY);
glNormalPointer(GL_FLOAT, 0, &Temp2.front());
//draw the .txt-file
glDrawElements(GL_TRIANGLES, Indices.size(), GL_UNSIGNED_INT, &Indices.front());
//restore the state GL back
glDisableClientState(GL_VERTEX_ARRAY);
glDisableClientState(GL_NORMAL_ARRAY);
}
我的指数 - 矢量包含:1 2 3 1 3 4
我的顶点向量包含:-1 -1 0 1 -1 0 1 1 0 -1 1 0
当我运行程序时,它只绘制了半个四边形 - 即一个三角形.
推荐指数
解决办法
查看次数
带圆角的SVG路径为圆弧
我需要创建带圆角的SVG路径,将它们导出到DXF进行切割.我的问题是角落应该是圆弧,而不是一些贝塞尔曲线.
使用arc命令使用直角相对容易,因为半径也是从角落到弧开始处的距离.从其他角度来看,它更复杂.
给定一个角和一个半径,是否有计算弧的起点和终点的公式？
右上角很容易,但左下角非常棘手,因为我必须找出线必须结束的地方并开始弧线.
我发现了一个带有svg椭圆弧的计算,它将一个公式链接起来,将终点转换为中心参数化.这没有用,因为我也不知道圆圈的中心在哪里.
如何计算弧(圆)的SVG路径只计算弧,而不是两条线之间的弧代替锐角.
SVG中三角形圆角的解决方案仅在某些边与坐标系平行或改变半径时才起作用.
将圆角应用于路径/多边形尝试使用一些带有linejoin或几条立方曲线的技巧,我想要什么.
即使我使用圆形来创建这个形状,即使是Inkscape(我以前用于绘制上面的图像)也使用5个立方曲线而不是弧形.
如果您有一些提示我可以如何管理这一点,我将非常感激.
推荐指数
解决办法
查看次数
有没有办法在后面的代码中解析UWP中的矢量路径几何？
在不同平台上渲染矢量图形时,SVG和SVG路径格式非常有效.但目前我在通用Windows平台上实现这一目标的挑战.我有一个给定的路径(取自SVG文件),例如:
M 198.09375 723.80859 C 177.18295 774.80866 156.88493 827.84014 140.58594 884.89844 L 140.72461 885.21875 L 142.49609 885.21875 C 161.1353 855.01082 143.6824 808.69757 193.58008 822.50977 C 220.7388 819.58475 192.23555 868.86205 206.17383 873.92578 C 203.13499 858.15989 212.17478 843.34361 213.20312 827.64648 C 216.4534 822.98862 226.9422 827.32963 232.86719 826.05078 C 239.35348 827.82466 259.48464 823.52777 253.90234 835.38867 C 252.16143 848.23286 247.39181 868.36181 258.57812 876.86133 C 275.17557 871.67116 293.30624 867.51489 306.24805 855.00195 C 309.22224 855.27087 320.1309 878.89646 334.30078 869.88281 C 342.81953 864.33463 353.03187 845.67608 358.37891 844.69922 …推荐指数
解决办法
查看次数
以矢量格式从 R 导出图像，并为文本和绘图使用单独的图层？
如何以矢量格式导出 R 中的图像，并为文本标签和实际绘图提供单独的图层？
我之所以这么问是因为我正在准备一篇要发表的文章，而编辑要求我
提供最高质量的矢量格式 [我的] 图像版本（.ai、.eps、.psd）。
他们还表示
文本和标签应位于单独的图层中，以便在制作过程中进行编辑。
我在 ggplot2 中创建了我的图，并设法以矢量格式导出它们（svg，因为这种格式显示与 eps 半透明阴影不同）。使用 ggsave(“filename.svg”) 或在一种情况下，我使用 svg(“filename.svg”) 和 dev.off() 添加了附加文本（我在这里不使用 facets 的原因是在实际情节中我为各个面板添加了显着性水平）
library(ggplot2); library(cowplot); library(svglite)
data_set = structure(list(Target = c("Snodgrassella", "Snodgrassella", "ABPV",
"ABPV", "DWV", "DWV", "SBPV", "SBPV", "AmFV", "AmFV", "Gilliamella",
"Gilliamella"), Legend = structure(c(1L, 2L, 1L, 2L, 1L, 2L,
1L, 2L, 1L, 2L, 1L, 2L), .Label = c("A", "B"), class = "factor"),
Estimate = c(69.6983166741774, 93.5474567104972, 12.5, 3.125,
0, 0, 6.25, 12.5, 0, 0, 90.625, 90.625), Nucleotide = structure(c(2L,
2L, …推荐指数
解决办法
查看次数
如何确定一组平行线中的最外面的线？
在一组平行线中,如何确定最外面的线？线可以处于任何旋转角度.
插图:
----< - 最外面
----
----
----< - 最外面
推荐指数
解决办法
查看次数
无法使用"<image>"标记导入svg
我有一张png照片.我在Adobe Illustrator中打开它并将其保存为svg而不更改默认配置:
这给了我这个svg文件:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<image overflow="visible" width="714" height="714" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsoAAALKCAYAAAArlndAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
bWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
...
ex8pzU1wT+bf4YnI2vz8uvwzq/PX6ueW58dHNvPztf4ZAGzZ/wswAPds0/tWAII4AAAAAElFTkSu
QmCC" transform="matrix(1 0 0 1 -307 -307)">
</image>
</svg>
当我尝试在android studio中导入svg文件时,我收到此错误:
Empty preview image!
Exception while parsing XML file:
Premature end of file.
任何人都可以帮我解决这个问题吗？我导入其他有<path>元素的svg文件,它们运行良好.
svg android adobe-illustrator vector-graphics android-studio
推荐指数
解决办法
查看次数