SVG在iFrame下自適應完美解決跨域問題

2021-08-10 13:35:09 字數 282 閱讀 4381

svg一般可以嵌入到html下,通過iframe的形式,但是嵌入後的svg檔案只有知道自己所在視窗的大小才能做到自適應。因為指令碼同源問題,在跨域時在svg內部通過指令碼是無法獲取到iframe物件的。即如果html和svg不是屬於同乙個網域名稱下,相互之間是不能通過指令碼進行操作的。

以下是html內容:儲存為fittest.html

這是svg文字內容,開啟記事本,儲存為fittest.svg即可;

<?xml version="1.0"encoding="utf-8" standalone="no"?>

iframe 自適應高度

由於html沒有include或require,做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化,這時通常要保持iframe與內容頁面的高度,以避免出現iframe的滾動條。先搜尋了一下,有不少好的例子,但總覺得說的還不夠明了。下面給出詳細例子...

iframe自適應高度

來自 http ued.koubei.com 2008 05 07 iframe auto fit height 這貼比較長,沒有耐性的朋友請直接拖到帖子末尾的 示例,或者直接去玩我提供的demo。demo頁面 主頁面 iframe a.html 被包含頁面 iframe b.htm 和 ifram...

iframe高度自適應

nl ad this.height document.frames src document.body.scrollheight 例子 1,建立頁面 test.html 頁面中含有乙個 iframe,name為 ifrname id為 ifrid,src 為 iframe.html頁面。2,建立 i...