svg偏斜矩阵/变换而不压扁线条

时间:2018-05-02 00:10:44

标签: javascript html css svg matrix

是否可以在没有平滑和挤压线宽的情况下将偏斜矩阵应用于svg。因此,线仍然跟随矩阵,但是它们本身并没有被拉伸和挤压,从而影响线宽?

如下所示...... 第一幅图像的正常矩阵为(1,0,0,1,0,0)

然后第二个有一个(1,1,0,1,0,0)矩阵 - 歪斜矩阵,但你看到的线宽也会变得歪斜。

不确定我所追求的是否可能,但如果是的话会很酷!

enter image description here

enter image description here

更新

在这里找到答案:

How to make stroke width immune to the current transformation matrix

vector-effect:non-scaling-stroke;

如果其他人觉得它有用,我会把它留在这里!

由于

1 个答案:

答案 0 :(得分:0)

<强> 更新

在这里找到答案:

How to make stroke width immune to the current transformation matrix

vector-effect:non-scaling-stroke;