"目前我实现的是将svg的每个path都转化成图片这个功能是实现了但是由于位置的问题，图片会有一些空白位置，如何删除这些位置呢，让他符合图形大小 [图片]"

最新热门聊天室清风明月问答优选总榜

登录注册

svg 图片透明背景大于图形本身大小，如何让画布符合图形大小呢 [node]

目前我实现的是将svg的每个path都转化成图片
这个功能是实现了但是由于位置的问题，图片会有一些空白位置，如何删除这些位置呢，让他符合图形大小

前端

159 引用
Node

7 引用
svg2img

1 引用
canvas

3 引用
Q&A

951 引用

whalepkm 1 年前成都位置

1 点赞

0 关注

0 收藏

200 悬赏

作者勋章

捐助摸鱼派达16RMB; 编号No.77

1 感谢

16 回帖

2.1K

优质回帖

我是跳跳吧 (imlinhanchao) • 1 年前 1

这是 viewbox 有多余的问题，可以通过调整 viewbox 的值来消除，具体的算法就得看你的 path 了。

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/viewBox
我是跳跳吧 (imlinhanchao) • 1 年前

这也是一种思路，或是从path的d属性去解析，这种速度会快得多。不过就写起来要复杂得多。

16 回帖

登录参与讨论 ...

夏目 (xiong) • 1 年前

此时应该艾特跳佬

0 0 0
界·天命风风风风风风风风风风风风风风风流 (dissoluteFate) • 1 年前

@imlinhanchao

0 0 0
yueyue (YueYue) • 1 年前

这个可以，我之前调整公司设备logo的时候就是用它裁切的【在线PS软件】在线PS图片（照片）处理工具_在线制作编辑图片ps精简版 (uupoop.com)

0 0 0
我是跳跳吧 (imlinhanchao) • 1 年前

这是 viewbox 有多余的问题，可以通过调整 viewbox 的值来消除，具体的算法就得看你的 path 了。

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/viewBox

1 回复 1 1 0
罗宾子 (M820) • 1 年前

不懂，听跳佬的

0 0 0
界·天命风风风风风风风风风风风风风风风流 (dissoluteFate) • 1 年前

不懂，听跳佬的

0 0 0
我滴个小乖 (superzed) • 1 年前

哈哈，最快的方法是交给UI，重新给你出个图😂

0 0 0
whalepkm • 1 年前

这个是动态抓取的viewbox没办法控制。

2 回复 0 0 0
我是跳跳吧 (imlinhanchao) • 1 年前

抓的哪儿？

1 回复 0 0 0
whalepkm • 1 年前

这个是抓取的图片验证码的图片，然后拆分了成单独的图片。为了方便做CNN，然后去弄的，有其他方法，也欢迎大佬知指导指导

0 0 0
whalepkm • 1 年前

360的验证码，比较简单，先做做测试

0 0 0
我是跳跳吧 (imlinhanchao) • 1 年前

动态抓取也是可以改 viewbox，遍历所有坐标点，找出上下左右边界点的坐标，作为 viewbox 的值就可以。

1 回复 0 0 0
whalepkm • 1 年前

是不是转成cavans 然后获取上下左右的坐标点

1 回复 0 0 0
我是跳跳吧 (imlinhanchao) • 1 年前

这也是一种思路，或是从path的d属性去解析，这种速度会快得多。不过就写起来要复杂得多。

1 回复 0 1 0
whalepkm • 1 年前

OK 谢谢大佬

0 0 0
【楠手宝】肖傲楠 (xiaoaonan) • 1 年前

0 0 0

相关帖子

随便看看

广告关闭

垃圾广告

低俗色情

违法违规

涉嫌侵权

人身攻击

其他

svg 图片透明背景大于图形本身大小，如何让画布符合图形大小呢 [node]

1 0 0 0

摸鱼派 - 鱼油专属摸鱼社区

CDN由蓝易云支持
性价比主机，高防 CDN

云集群由亚洲云支持
亚洲云，安全可靠的云服务

抓鱼鸭 - 新标签页
是一个有趣的新标签页

探索

摸鱼派开源项目 | 摸鱼派客户端