相关疑难解决方法(0)

给定SVG Path元素,如何将所有路径命令转换为绝对坐标？例如,转换此路径:

<path d="M17,42 l100,0 v100 h-100 z"/>

进入这个等效路径:

<path d="M17,42 L117,42 V142 H17 Z"/>

这个问题是由这个问题推动的.

是否有可能,如果是这样,如何绘制图像,其四个角被扭曲成非矩形形状.例如,如果您想要绘制图像,就好像它已在3d空间中旋转一样.

我试过perspective这里的解决方案如何分别转换形状的每一面？但由于形状的不规则性,可能无法使其工作.只有顶部和右侧的列是倾斜的,垂直和底部是直的.我怎么能用CSS做到这一点？

假设我有一个 div，其中有两个 SVG 元素：svgPlan和svgIcon（这是一个 SVG 图像元素）。

svg计划：

svg图标：

一组变换（透视、旋转X、缩放和平移）应用于父元素（svgPlan）：

svg.style('transform', 'perspective(30em) rotateX(33deg) scale(1.7) translate(0%, -6%)');

转换后的 svgPlan：

我想在svgPlan内显示svgIcon。

svg.style('transform', 'perspective(30em) rotateX(33deg) scale(1.7) translate(0%, -6%)');