标签: vector-graphics

我正在尝试编写一些类似于Adobe Illustrator混合工具的软件.目标是使用存储的路径作为不同权重的基础成分(即30%path1 70%path2)创建新路径.对于那些不熟悉的人,Adobe Illustrator示例如下所示:

问题是,我真的不知道从哪里开始.理想情况下,这将能够在浏览器中运行,所以我希望在JavaScript中执行此操作.我已经研究过在html5画布中使用带有Raphael.js和标准向量的SVG,但重要的是能够以某种方式从Illustrator导入矢量艺术(手动解析SVG文件没有问题,因为它只是xml).

但是,我也考虑过在Processing中执行它,因为它的矢量支持非常突出,并且几何库看起来非常强大.

我只需要指向正确的方向,这样我就可以开始了,非常感谢!

我目前正在开发一个小型 Android 应用程序并使用新的 ConstraintLayout。

我有一个 ImageView，它包含一个矢量图形图像，它应该根据其纵横比占用最大的可用空间。我让它与以下代码一起工作：

<ImageView
    android:id="@+id/imageView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_margin="@dimen/margin"
    android:src="@drawable/image"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    />

现在，我想在确切位置放置多个自定义视图（按钮）。使用约束指南，我想出了以下内容：

<android.support.constraint.Guideline
    android:id="@+id/guideline_x"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.20"
    tools:layout_editor_absoluteX="..."
    tools:layout_editor_absoluteY="..."
    />

<android.support.constraint.Guideline
    android:id="@+id/guideline_y"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.20"
    tools:layout_editor_absoluteX="..."
    tools:layout_editor_absoluteY="..."
    />

<com.example.android.myCustomView
    android:id="@+id/myCustomView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="doSomething"
    app:layout_constraintLeft_toLeftOf="@+id/guideline_x"
    app:layout_constraintTop_toTopOf="@+id/guideline_y"
    />

这对于我最初测试的特定设备非常有用。但是：一旦设备尺寸发生变化，自定义视图就会放置在错误的位置。

我正在寻找一种方法来放置一个自定义视图 n% 相对于图像视图的 x 坐标。我已经尝试添加app:layout_constraintLeft_toLeftOf="@+id/imageView"到指南中，但这没有任何改变。您对我如何解决此问题有任何想法吗？非常感谢！

编辑：这里有 2 张图片说明了这个问题。

三星 Galaxy S8：

谷歌像素 XL：

小红方块应始终位于相对于 Android 图标完全相同的位置。

我问了一个关于Bi线性变换的问题并收到了这个答案:

从您发布的那个页面,可以看到源代码的链接.我将解释中的双线性变换

http://www.antigrain.com/__code/include/agg_trans_bilinear.h.html

这里的想法是找到形式的转换:

output_x = a * input_x + b * input_x * input_y + c * input_y + d
output_y = e * input_x + f * input_x * input_y + g * input_y + h

术语"双线性"来自这些方程中的每一个,它们在任一输入坐标中都是线性的.我们想要求出a,b,c和d的正确值.假设您有要映射到(0,0),(1,0),(0,1),(1,1)(或某些图像坐标系)的参考矩形r1,r2,r3,r4.

对于a,b,c,d:

0 = a * r1_x + b * r1_x * r1_y + c * r1_y + d
1 = a * r2_x + b * r2_x * r2_y + c * r2_y + d
0 = a * r3_x + …

所以我回来了另一个光线追踪问题.我的代码渲染球体都很好,花花公子,但立方体并没有真正起作用.我正在使用此代码来测试交叉点:http://pastebin.com/qgm6vpdx(这是一个递归函数,t是到交点的距离)边界框定义为:

Cube* c1 = new Cube;      
c1->Corner1 = Vec3(100, 100, 100);      
c1->Corner2 = Vec3(200, 200, 200);

我已经确认相机不在立方体内.现在,唯一的问题是整个屏幕显示为绿色(指定给立方体的颜色)

我不认为我正在做正确的立方体交叉点,任何人都可以证明我的代码？

我不能为我的生活弄清楚如何在我的乒乓球游戏窗口上创建一个填充的白色矩形.我在使用ShapeRenderer类时遵循了基本教程(https://www.youtube.com/watch?v=_MAi2H6lf0A),但由于某种原因,本教程使用以下行 -

ShapeRenderer.begin(ShapeRenderer.ShapeType.FilledRectangle)

但是,我正在使用的IDE不了解FilledRectangle是什么,并抛出无法解决的符号错误.

我导入了以下所有图书馆:

import com.badlogic.gdx.*;
import com.badlogic.gdx.backends.lwjgl.*;
import com.badlogic.gdx.graphics.*;
import com.badlogic.gdx.graphics.glutils.*;
import com.badlogic.gdx.math.*;

有谁知道我可以尝试绕过这个？