在HTML5/CSS3/Javascript应用程序中使用SVG图像的首选方式是什么?
What's the preferred way to use SVG images in HTML5/CSS3/Javascript applications?
我知道的选项是<svg>
, <object>
, <embed>
, <img>
和<iframe>
。它们的相对优点和缺点是什么?还有其他的吗?
<iframe>
, <embed>
和<object>
都嵌入外部svg文件,它们都允许脚本。<embed>
似乎或多或少是事实上的标准。HTML5规范说:
-
iframe元素表示一个嵌套的浏览上下文。
-
嵌入元素表示外部(通常是非html)应用程序或交互式内容的集成点。
-
object元素可以表示一个外部资源,根据资源的类型,它可以作为一个图像,作为一个嵌套的浏览上下文,或者作为一个外部资源由插件处理。
<svg>
仅用于内联svg内容,但可以包含具有外部内容的<image>
元素。
<img>
和嵌套的<image>
元素不允许编写脚本。
来源:
- http://dev.w3.org/html5/spec/the-iframe-element.html the-iframe-element
- http://dev.w3.org/html5/spec/the-embed-element.html the-embed-element
- http://dev.w3.org/html5/spec/the-object-element.html the-object-element
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 当按下箭头键时,我的图像以一种奇怪的方式跳跃(HTML+JS)
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- 保存静态图像的方式与上传的图像相同
- 如何以用户友好的方式在计算机上保存从画布转换的图像
- 在客户端调整图像大小/裁剪图像的最佳方式是什么
- 以类似视频的方式在浏览器中渲染多个图像
- 将文件夹中的所有图像包括在阵列中的最佳方式是什么
- Dropzone”;addedfile”;以程序方式添加图像时不会激发
- jquery悬停后恢复到原始图像是更好的方式
- 从mysql加载图像的正确方式
- 正在开发内存匹配游戏 - 您能否以不同的方式显示一张图像
- 如何以图像居中的方式设置网站的位置
- 显示动画图像的最佳方式(HTML/CSS/JS)
- Javascript:调整base64图像的大小并以非异步方式返回字符串
- 如何以编程方式将图像下载到iPad
- 以编程方式创建图像对象
- 使用PHP,CSS,JavaScript或任何可能的方式模糊不同帐户级别的图像
- 加载图像后的功能 - 正确的方式
- 更有效的预加载图像方式