亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

內部帶有 JS 的 SVG 無法在 img、對象或 iframe 中呈現

內部帶有 JS 的 SVG 無法在 img、對象或 iframe 中呈現

胡說叔叔 2023-05-11 10:26:06
問題在標題中......請執行以下操作:(放入文件的代碼如下)制作一個 svg + 自己打開 svg(稱之為 keysaway.svg)制作html +自己打開html你會看到 svg 運行非常簡單的上下動畫但是當鏈接到 html 文件時它不會工作......好吧,如果你檢查元素你會看到 svg 文件中的 js 實際上正在運行并且圓圈正在上下移動,但它不會渲染,我不知道為什么,請看一下HTML:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Testing</title></head><style>:root {    --background: #131122 ;}*,*::after,*::before {    margin: 0;    padding: 0;    box-sizing: inherit;    font-size: 10px;    }/* colors:#B31F15#BD1748#A61C8A#A217BD#6E15B3*/body {    font-family: "Lato", sans-serif;    font-weight: 400;    font-size: 16px;    line-height: 1.7;    color: #777;    padding: 0;    box-sizing: border-box;    background-color:var(--background);}</style><body><!-- <img src="keysaway.svg"><object type="image/svg+xml" data="keysaway.svg"></object> --><iframe src="keysaway.svg" frameborder="0"></iframe></body></html>
查看完整描述

1 回答

?
互換的青春

TA貢獻1797條經驗 獲得超6個贊

包含<iframe>您的 svg 的 太小,動畫顯示在可見區域之外。
當您增加 iframe 高度時,動畫變得可見,例如:

<iframe src="keysaway.svg" frameborder="0" style="height:800px"></iframe>


查看完整回答
反對 回復 2023-05-11
  • 1 回答
  • 0 關注
  • 201 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號