javascript - 在 HTML5/CSS3/Javascript 应用程序中使用 SVG 图像的首选方式是什么?

标签 javascript html css svg

我知道的选项是 <svg> , <object> , <embed> , <img> , 和 <iframe> .它们的相对优点和缺点是什么?还有其他的吗?

最佳答案

<iframe> , <embed><object>所有嵌入外部 svg 文件,它们都允许编写脚本。 <embed>似乎或多或少是事实上的标准。 HTML5 规范说:

  • iframe 元素表示嵌套的浏览上下文。

  • embed 元素表示外部(通常是非 HTML)应用程序或交互式内容的集成点。

  • object 元素可以表示一个外部资源,根据资源的类型,它要么被视为图像,要么被视为嵌套的浏览上下文,要么被视为要处理的外部资源通过插件。

<svg>仅适用于内联 svg 内容,但可以包含 <image>具有外部内容的元素。

<img>并嵌套 <image> elements 不允许编写脚本。

来源:

关于javascript - 在 HTML5/CSS3/Javascript 应用程序中使用 SVG 图像的首选方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8484351/

相关文章:

javascript - CSS 跨浏览器弧形边框

html - 如何使css3动画向左和向右移动

css - 将图像放在 div 的中心

html - 避免使用像 <pre> 这样的 HTML 标签的 XSS

javascript - 从浏览器访问 ArangoDB 数据

javascript - react-router-dom 中的链接删除 css

javascript - render.domElement 的含义是什么?这个参数的含义是什么?

html - 为嵌套列表重置 CSS 计数器,格式为 1.1、1.2、

javascript - 如何用文本创建占位符

javascript - 为什么对象的键只是第一个字符?