fabritor-web icon indicating copy to clipboard operation
fabritor-web copied to clipboard

Published 20 hours ago • verified publisher icon sleepy-zone

[建议] 关于图片裁剪

Open ouyoungs opened this issue 10 months ago • 4 comments

现在的图片裁剪是直接裁剪长宽，如何让任意的形状路径裁剪图片呢。

比如让一个图片放到一个三角形里面、一个半圆里面。 Snipaste_2024-04-02_11-44-24

Snipaste_2024-04-02_11-45-26

ouyoungs avatar Apr 02 '24 03:04 ouyoungs

我这里使用了一种简化的方式，外部使用现成的库裁剪。

理想的方式是使用 image + clipPath 实现，这样就能做到任意形状的裁剪了。

sleepy-zone avatar Apr 02 '24 07:04 sleepy-zone

image

sleepy-zone avatar Apr 02 '24 11:04 sleepy-zone

效率这么高嘛 ！！！！！

ouyoungs avatar Apr 02 '24 12:04 ouyoungs

没有😅，我截了一个别人的demo

sleepy-zone avatar Apr 03 '24 01:04 sleepy-zone