标签: vector-graphics

我对这一切或多或少都是陌生的。我正在尝试使用 SVG 创建一个应用程序（因为我宁愿拥有可以缩放而不损失质量的矢量形状）。使用网络技术，后来迁移到反应原生。

有什么方法可以让我找出一个点（x，y，也由 CSS 的left和top属性确定）是否位于高度复杂的、不规则的矢量形状内？

我知道我的问题充满了限制，这使得它很难回答，即使指出正确的文档也会有所帮助。

PS：我尝试了 elementFromPoint() 方法，但它返回 DOM 在我的 SVG 周围放置的边界矩形。这完全违背了我的目的，我想确保仅在 SVG 路径内检测到该点并自行塑造。感谢任何帮助，谢谢！

我一直在尝试在 svg 中制作这个形状。问题是，我想用蓝色手柄来操纵它。我已经制作了一个简单的箭头，并且能够使用二次贝塞尔曲线改变其形状。但我不知道如何做这种形状。有什么方法可以将线条转换成这种弯曲的形式吗？

我在Inkscape中有一个小图,我想将它嵌入一个LaTeX文档,我使用pdftex编译.pdftex似乎有一种不接受的奇怪之处.eps.事实上,如果我理解的是正确的,它接受的唯一矢量图形格式是pdf.当我在Inkscape中以pdf格式保存我的绘图时,我得到的是一个带有整页的pdf,我的绘图位于上角.
有没有办法将Inkscape绘图导入pdftex并忽略此页面大小？或者我是否需要开始摆弄页面设置以使页面大小完全符合我的绘图大小？

什么(如果有的话)是编程语言(例如数组)和矢量图形中使用的向量之间的关系？

为什么他们共用术语向量？它是否代表了它们性质的某些类似方面,还是巧合？

在考虑它时,位图图像更适合术语矢量图形,因为它由像素数组表示.

我有一个黑色轮廓的圆圈和一个白色填充,我需要以编程方式将白色变成另一种颜色(通过UIColor).我尝试了一些其他的stackoverflow解决方案,但它们似乎都没有正常工作,只是填充外部或大纲.

我有两种方法可以做到这一点,但我不确定如何得到正确的结果:

只是白色,无论UIColor应该是什么,

要么,

从两个圆圈中创建一个UIImage,一个被填充,一个与黑色重叠.

我想沿着弯曲的路径为一条路径(实际上是一组路径,但我会达到这个路径)设置动画.

RaphaelJS 2删除了这个animateAlong方法,原因是我无法辨别.深入了解由Zevan抽象的Raphael文档的齿轮演示,我已经做到了这一点:

//adding a custom attribute to Raphael
(function() {
  Raphael.fn.addGuides = function() {
    this.ca.guide = function(g) {
      return {
        guide: g
      };
    };
    this.ca.along = function(percent) {
      var g = this.attr("guide");
      var len = g.getTotalLength();
      var point = g.getPointAtLength(percent * len);
      var t = {
        transform: "t" + [point.x, point.y]
      };
      return t;
    };
  };
})();

var paper = Raphael("container", 600, 600);

paper.addGuides();

// the paths
var circ1 = paper.circle(50, …

免责声明:这是我对矢量图形的第一种方法;)

我正在写一个网络应用程序,用户上传一些图像(组成一个图纸),他应该上传一个矢量图像(SVG)作为'掩码'.

我正在使用Paper.js库.

因此,我的目标是阅读SVG并创建一个paper.js PathItem来表示它(然后添加fillcolor,无论如何).

我尝试了一个简单的形状:

在SVG中看起来像:

// Adobe Illustrator
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!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="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<polygon fill="none" stroke="#000000" points="48.771,12.137 59.323,33.518 82.919,36.947 65.845,53.59 69.875,77.09 48.771,65.994 
    27.667,77.09 31.697,53.59 14.623,36.947 38.219,33.518 "/>
</svg>


// Inkscape pure svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?> …

我正在尝试在Swing/JPanel中创建一些代码来获取一些(可变的)变量并绘制如下图形:

我不知道从哪里开始.想法是六边形上有关键点,每个变量一个,每个点之间画一条线,然后自定义形状内的空间将被遮蔽.任何想法？

代码原型

import java.awt.*;
import javax.swing.*;

public class DrawPolygon extends JPanel {

int xOffset = 0;
int yOffset = 0;
int sizeModifer = 50;
int numOfPoints = 8;
int linePosition = 80;
double sizeMultiplier = 1;

@Override
public void paintComponent(Graphics g) {
    super.paintComponent(g);

    Polygon[] polygons = new Polygon[5];
    for (int i = 0; i < polygons.length; i++){
        polygons[i] = new Polygon();
        for (int q = 0; q < numOfPoints; q++) {
            polygons[i].addPoint(
                xOffset + (int) (linePosition + (sizeModifer*sizeMultiplier)
                * …

我看到其中一个Apple视频提到您可以通过代码为图像着色.关于如何执行此操作的所有搜索都显示为空白.

如果我在Images.xcassets中保存了黑色矢量图像(pdf),我该如何在运行时为该图像着色？

理想情况下它会像[UIImage setVectorColor:UIColorBlue]那样简单,但我相信它还有更多功能!

嗨,我想知道如何创建一个也可以作为传感器的圆形碰撞.例如,当玩家进入敌人的圆半径时,敌人将开始追逐玩家.根据我的尝试,我只使用碰撞盒RECT SpriteRect.但这对于圈子来说不够准确.我正在考虑使用矢量,D3DXVECTOR2但我不擅长转换.请帮助我如何实现这一目标..