标签: vector-graphics

我在使用标签嵌入的 SVG 文件中使用投影滤镜img。在我的 MacBook 上，Safari 浏览器看起来不错。然而，在移动版 Safari 中，图形变得非常像素化，并且失去了所有清晰度。未应用滤镜时，SVG 渲染效果良好。除了通过过滤器之外还有什么办法可以解决这个问题吗？

我正在研究光线追踪器，并开始向场景中添加圆柱体。我遇到的问题是找到光线击中点的表面法向量。我需要这个才能进行漫射照明。此时我所拥有的是相机光线撞击圆柱体的 3d 点，以及由中心轴上的点定义的实际圆柱体，向量代表轴的方向和半径。所以总结一下我的问题，如何找到具有圆柱体撞击点、半径、其轴上的点和轴的方向向量的点的法线向量？

当我使用 Android Vector Asset Studio 导入矢量图像时，即使在预览中也会失真。我尝试使用的矢量之一是直接来自 Material 站点的照片轮廓。

这是它应该是什么样子：

这是它在 Android 中的样子：

这是另一个示例，说明它应该是什么样子以及它在 Android 中的外观：

如果您想要任何其他信息，请告诉我。任何帮助将不胜感激。

SVG 背景在 Chrome 和其他基于 Blink/webkit 的浏览器中显得模糊：

Chrome 中 SVG 的一部分的屏幕截图：

Firefox 中 SVG 的一部分的屏幕截图：

仅当使用“background-repeat: true”和“background-size: contains”CSS 值显示 SVG 时才会发生这种情况。我们希望根据需要多次重复 SVG 背景高度，因为页面高度是动态的，拉伸矢量图像看起来会很差。

SVG 在下面的示例页面的 CSS 中内联显示，但当我链接到外部 SVG 图像时，问题也会以同样的方式发生。

这是显示此行为的测试页面： https://august-13-2020-test-canvas.bubbleapps.io/version-test/pagemaker-test-original-2 （使用“用户名”和“密码”登录，我们需要将此身份验证放在这里）。

正确显示（清晰/平滑边缘）SVG 的测试页位于：https: //august-13-2020-test-canvas.bubbleapps.io/version-test/pagemaker-test-online-1

具有清晰/平滑边缘的版本以完全相同的方式显示 - 唯一的区别是 SVG 的内容。

以下是模糊页面的背景 SVG 链接：https://dd7tel2830j4w.cloudfront.net/d44/f1588704991659x396570736162959360/background.svg

我在此页面测试的所有 SVG 都有清晰的边缘：https://www.svgbackgrounds.com/#flat-mountains（右下角的是上面链接中使用的）

在尝试解决此问题或在 SVG 代码中确定其原因的过程中，我对 SVG 进行了相当多的编辑，尝试执行以下操作：

• 将所有 SVG 点值（路径的 d 属性）转换为整数
• 将“PreserveAspectRatio”添加到 SVG 的开始标签
• 从 SVG 的打开声明中删除高度和宽度
• 从 SVG 中删除“线性渐变”并用静态颜色替换它们
• 将 SVG 形状的大小加倍，看看模糊度是否会随着初始宽度和高度的增大而降低
• 将“crispEdges”属性添加到 SVG 路径
• 优化 SVG（使用 SVGomg）

此外，我尝试对 CSS 进行一些更改，但无法使其正常工作。

我对解决方法的一些想法如下： …

我编写了一个基于矢量的3D编辑器(UI有点像技术图纸一样定制).我现在想以便携式格式保存矢量/绘图数据.有哪些格式; 哪一个(一个？)是最广泛接受的,哪里可以获得格式规范？

我正在尝试使用固定网格大小方法执行宽相碰撞检测。因此，对于每个实体的位置：（x，y，z）（每个类型为float），我需要找到实体所在的单元格。然后，我打算将所有单元格存储在哈希表中，然后进行迭代报告（如果有）冲突。

因此，这就是我正在做的事情：网格单元的位置：（整数类型）（Gx，Gy，Gz）=>（x / M，y / M，z / M），其中M是网格的大小。

一次，我有一个单元格，我想将其添加到哈希表中，其键是基于（Gx，Gy，Gz）的唯一哈希，其值是单元格本身。现在，我想不出一个好的哈希函数，对此我需要一些帮助。

有人可以建议我一个好的哈希函数吗？

谢谢

我需要一种算法来绘制云,或者像云一样的形状.显然,我不希望它们都相似.
我应该用什么来生成相关的X,Y坐标系列来绘制云？
我将在SVG或Canvas中实现它

有没有人知道一个好的模式匹配/识别库在C++(oss首选)能够检测向量列表是箭头还是其他类？

我已经知道OpenCV,但这是用于光栅图形(或者我错过了什么？)...但我已经有了矢量几何,将它们转换回光栅图形听起来很奇怪,你必须检测到它边缘再次.

所以我需要的是一个库,它使用矢量列表作为输入而不是光栅图形,并且可以识别矢量是否是箭头(独立于方向)并提取箭头的部分(头部/尖端/尾部等). ).

谁知道这样的lib或者有提示在哪里寻找这种问题(算法等)？

我尝试改变UI的使用方式.我已经尝试过量角器算法并将识别步骤分成不同的部分,例如箭头示例:

1. 绘制,停止绘图并取得结果
2. 将第一行视为主体(路线,箭头轴)
3. 等待接受(=>结果被识别为简单的行替换手绘图形与路线图形)或下一个绘制过程
4. 绘制箭头并获取结果坐标
5. 等待接受/结束按钮(=>结果被识别为箭头并且不是简单的路线)
6. a)用正确的箭头图形替换手绘矢量
7. b)或继续任何fletchings？bla,bla,bla

但我想在所有矢量线(无论顺序和方向)的一个步骤中完成此操作.有什么建议吗？

如果第一个是具有角度的折线并且还有对插入符号的识别但后续符号系统需要在它们之间做出决定呢？

我想绘制命令,而不是在负担很重的菜单中搜索它们.但重要的是检测图形的部分(例如中心线,左线,......)并尽可能保持纵横比(尺寸),这意味着也应保持关键坐标(例如箭头).这对于用校正的标准图形替换手绘矢量很重要.

这是否可以将lib作为单个任务,或者我应该保持当前分别识别每条折线并查看输入顺序的概念(例如,第一行必须是方向)？

你可以在这里看到一个想法:http://depts.washington.edu/aimgroup/proj/dollar/ 有1美元的识别器算法和一些派生的算法,你可以在网上试试.

问题是,我的"命令"由多行组成,并且每行在上下文中可能具有不同的特殊含义以获得完整的图形.我已经知道的算法和库(如上面的$ 1识别器)与单个手势更相关,而不是多个手势输入的复杂顺序,如果将其解释为整个草图,则获得精确的含义.

我认为继续单独解释每一行而不是将其置于整个背景中(认识整个草图)可能导致死路一条.但也许混合方法可能会得到它.

现实生活中的比较:就像有人画马一样.如果他刚刚开始绘制第一条线,你就不会说这是一匹马 - 你需要更多的输入,例如4条腿等.

(嗯,我知道不是每个人都画画好,有些马看起来像牛......但无论如何,这应该让你知道我的意思.)

任何提示？

更新:我在这里发现了一个接近问题的视频.缺失的链接是在识别之后如何访问结构的部分,但这也可以在单独的步骤中完成(在知道图纸显示之后).

Microsoft最近为Word 2016添加了SVG支持.但是当尝试将包含SVG矢量图形的文档另存为PDF时,图形将转换为光栅图像.

我试图改变图像大小和质量选项( - >"不压缩文件中的图像"和"高保真"),但这没有任何影响.我的第二种方法是使用"Microsoft Print to PDF" - 打印机,但这也没有保留图形.

在将文档另存为pdf时,有没有办法保留图形的可伸缩性？在我还没有发现的设置中有某个选项吗？

如果这只是一个SVG问题:哪种其他矢量图形格式会更好？

我正在尝试在Xcode 11中使用SwiftUI的应用中使用“单比例”使用基于矢量的PDF图像，但是当我按比例放大图像时，图像总是看起来很模糊。

我在Xcode 11的UIKit中对此没有任何问题。我创建了一个虚拟应用程序，其中包含2个场景，两个场景都显示相同的矢量图像。我在情节提要中创建了第一个场景，然后使用HostingViewController嵌入了在SwiftUI中制作的相同场景。当我运行应用程序时，第一个场景（UIKit）显示了清晰，不模糊的图像。但是，第二个（SwiftUI）场景很模糊，尽管使用了相同的源图像资源，但似乎并未使用矢量数据。

我可以通过使用矢量图像创建UIImage来“解决”此问题，然后使用此UIImage扩展在将UIImage传递到之前调整其大小Image。然而，我在输入尺寸resized(to:)方法使得在运行时没有区别，所以我也必须添加.frame(w:,h:)到image在“VAR身体，使其显示正确的尺寸。

let uiImage = UIImage(named: "Logo-vector")!
var image: Image {
        Image(uiImage: uiImage.resized(to: CGSize(width: 500, height: 500)))
            .resizable()
}

var body: some View {
        NavigationView {
            VStack(alignment: .center, spacing: 8) {
                Spacer()
                Text("Logo vector SwiftUI")
                image
                    .frame(width: 240, height: 216)
                ...
                }
                ...
            }
        }
}

extension UIImage {
    func resized(to size: CGSize) -> UIImage {
        return UIGraphicsImageRenderer(size: size).image { _ in
            draw(in: CGRect(origin: .zero, size: size))
        }
    } …