如何解决在SVG路径生成器中指定单位
由于机密性,我无法了解正在使用的代码的细节,但是我会尽力描述我遇到的问题。
我的教授制作了一个简单的React程序,该程序基于一组参数为微芯片制造项目生成并输出SVG。我们利用Flatten-js npm库创建svg,以及一些将所有内容拼凑在一起的辅助函数。我们将参数指定为数字,但是数字代表以微米为单位的单位。我们有一个保存功能,可以使用Flatten.Polygon.svg()方法从网页上下载svg。该方法采用一些参数,但是指定单位不是其中之一。 SVG看起来像:
<svg>
<path stroke="none" stroke-width="1" fill="black" fill-rule="evenodd" fill-opacity="1" d="
M5999.774896627996,6000.3432414235895 L5992.810049576532,6002.509804857073 A0.0338333333333333,0.0338333333333333 0 0,1 5992.789950423468,6002.445192150708 L5999.754797474932,6000.278628717223 A0.04999999999999982,0.04999999999999982 0 0,1 5999.8,6000.25 L6005.7,6000.25 A0.04999999999999982,1 6005.7,6000.35 L5999.8,6000.35 A0.04999999999999982,1 5999.774896627996,6000.3432414235895 z
..."></path>
</svg>
问题是,我需要将svg导入Adobe Illustrator和Fusion360。导入它们时,SVG可以很好地容纳我们预测的形状,但是缩放比例是错误的。由于单位是微米,但F360的单位是mm,我希望将其缩小到0.001的大小,但是缩放时它太小了。我假设这与假设路径的DPI的程序有关,因此在Illustrator中,我希望可以手动指定PPI,但它只有72PPI和300PPI的预设值,但是Illustrator中svg的大小是不论PPI设置如何都一样。
在某种程度上,这不再与React有关,而与html和svg路径的细节有关,但是该程序确实使用React来完成它的工作。我希望我们可以用代码来完成,但是如果我必须手动编辑SVG,我会的。任何见识将不胜感激。谢谢!
解决方法
要阐明@enxaneta可能的想法,
<svg width="1mm" height="1mm" viewBox="5000 6000 1000 1000">
将标识 路径的用户空间单位为微米。
事实证明,这绝对是解决方案。结合将其从微米缩放到毫米的转换属性。谢谢大家的迅速答复!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。