how to perform perspective transform in CSS given perspectiveTransform matrix from openCV

96 Views Asked by At

I ran this openCV command to get a perspective transformation matrix:
projective_matrix = cv2.getPerspectiveTransform(src_points, dst_points)
The output (projective_matrix):

[[  0.35330902  -0.20574606 222.        ]
[  0.           0.12791606   0.        ]
[  0.          -0.00036575   1.        ]]

I'm trying to perform this transformation on a web-page in css without success, I tried using these two css properties:

  1. transform: matrix(a, b, c, d, tx, ty) but maybe by the documintation it doesn't have projective vectors (it treats it as 0)
  2. transform: matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) I'm not able to get the variables right.
0

There are 0 best solutions below