Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

建议:视频剪辑功能中添加文字如果增加阴影之类的效果,会超出范围被裁减掉 #139

Closed
fangting53719 opened this issue Jun 19, 2024 · 6 comments

Comments

@fangting53719
Copy link

如题,希望能够优化这部分功能。

@hughfenghen
Copy link
Member

请参考 #60 提供更详细的信息。

@fangting53719
Copy link
Author

链接为demo项目修改后的,图片可以看到具体的表现和修改的代码部分,麻烦查看下,谢谢。
https://stackblitz.com/edit/m5cr78?file=src%2FApp.tsx
image

@hughfenghen
Copy link
Member

hughfenghen commented Jun 20, 2024

@fangting53719
原因是阴影内容溢出 div 盒子的边界了;
建议使用 css 策略来避免这个问题, 比如添加一个 30px 的 padding:
'font-size: 80px; color: red;text-shadow: 23px 23px 0px rgba(255, 255, 255, 0.8); padding: 30px;'

@fangting53719
Copy link
Author

@fangting53719 原因是阴影内容溢出 div 盒子的边界了; 建议使用 css 策略来避免这个问题, 比如添加一个 30px 的 padding: 'font-size: 80px; color: red;text-shadow: 23px 23px 0px rgba(255, 255, 255, 0.8); padding: 30px;'

添加padding是可以展示全了,但是可移动框体也会扩大
image

@hughfenghen
Copy link
Member

这是预期之中的现象,使用 DOM 将文字转换成图片,支持 css,简单而灵活,也会有些限制。
如果 DOM 方案不能满足你的诉求,考虑使用 自定义素材 解决,参考 DEMO

@fangting53719
Copy link
Author

这是预期之中的现象,使用 DOM 将文字转换成图片,支持 css,简单而灵活,也会有些限制。 如果 DOM 方案不能满足你的诉求,考虑使用 自定义素材 解决,参考 DEMO

没注意已经可以自定义Clip了,那没问题了。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants