SVG window.toolbar 属性

SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML语言。在SVG中，可以通过设置一些属性来改变图形的展示方式。其中，window.toolbar 属性可以控制SVG图像中是否显示浏览器的工具栏，比如地址栏、后退按钮、前进按钮等。

语法

window.toolbar 属性是 SVG 元素的可选属性之一。它可以在 <svg> 元素中进行设置，语法格式如下：

<svg width="200" height="200" window.toolbar="yes">
  <rect x="50" y="50" width="100" height="100" fill="#ff0000" />
</svg>

上述代码中，window.toolbar 的值为 "yes"，表示会显示浏览器的工具栏。

属性值

window.toolbar 属性只有两个可能的取值，分别是 "yes" 和 "no"：

• yes：表示显示浏览器的工具栏。
• no：表示不显示浏览器的工具栏。

实例演示

下面的代码演示了如何在 SVG 中设置 window.toolbar 属性来控制是否显示浏览器的工具栏：

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" window.toolbar="yes">
  <rect x="50" y="50" width="100" height="100" fill="#ff0000" />
</svg>

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" window.toolbar="no">
  <rect x="50" y="50" width="100" height="100" fill="#0000ff" />
</svg>

在上述代码中，第一个 <svg> 元素中的 window.toolbar 属性被设置为 "yes"，会显示浏览器的工具栏；而第二个 <svg> 元素中的 window.toolbar 属性被设置为 "no"，不会显示浏览器的工具栏。实际体验可以在浏览器中运行代码查看。

注意事项

• window.toolbar 属性只适用于嵌入在网页中的 SVG 图像。
• window.toolbar 属性的可用性取决于浏览器，不是所有浏览器都支持。
• window.toolbar 属性的默认值取决于浏览器设置。

参考链接

• MDN Web Docs: window.toolbar attribute