Vscode API - 自定义视图容器图标答案

【问题标题】：Vscode API - Custom View Container IconVscode API - 自定义视图容器图标
【发布时间】：2019-08-19 20:55:08
【问题描述】：

我想为我的 VS Code 扩展的 viewcontainer 部分使用 SVG。

我得到了一些 PNG 文件可供使用，但不幸的是：

仅使用 32x32 PNG 文件时，图标始终在活动栏中显示为空白的白色方块，如果用作 SVG，则图像无法正确缩放到活动栏中的容器。

如果使用 SVG 版本，就好像它们被“放大”了。

任何人有提示或技巧建议解决此问题？

【问题讨论】：

【解决方案1】：

这是操作栏中使用的debug.svg 图标的打开标记

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

你有viewbox 设置吗？

【讨论】：

在我看来，我没有。我正在使用一个旧的 SO 帖子上链接的 potrace 端口。 kilobtye.github.io/potrace 似乎只生成 id、版本、宽度、高度、xmlns、路径、描边、填充和完整规则。我可以手动指定一个带有像素的 viewBox 吗？
我也尝试在标签上添加 viewbox 属性，并将其保留为“”。我可以使用 SVG 查看器扩展在 VS Code 中预览图像，但在活动栏中仍显示为空白：*(
把viewbox设置成宽度和高度一样的大小，很可能一个空的viewbox等于no-viewbox
感谢您的提示。我最终能够摆弄viewbox 中的值以及高度和宽度设置，最终让它工作。非常感谢！