论坛 › 知识问答 › iphone - 带有内联 SVG 的 UIWebview Html5

菜鸟教程小白 发表于 2022-12-13 08:46:09

iphone - 带有内联 SVG 的 UIWebview Html5

                                            <p><p>我正在尝试在 Html 5 文件中使用 SVG 绘制一个基本圆圈，然后将其加载到 UIWebview 中。但是，当我编译并运行时，屏幕上什么也没有出现(在 iPad 上测试)。</p>

<p>我没有使用正确的代码还是 UIWebview 不支持带有 Html 5 的 SVG？</p>

<p>这是 UIWebview 的代码:</p>

<pre><code>- (void)viewDidLoad
{
    ;

    NSString*path    = [ pathForResource:@&#34;SVG&#34; ofType:@&#34;html&#34;];
    NSString*content = ;

    webView = ;
    webView.frame = CGRectMake(0, 0, 1024, 768);
    webView.dataDetectorTypes = UIDataDetectorTypeAll;
    webView.userInteractionEnabled = YES;
    bundleURL]];

    ;
    ;
}
</code></pre>

<p>这是在资源文件夹中调用的 SVG.html 文件中的代码:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;head&gt;
&lt;title&gt;SVG&lt;/title&gt;
&lt;meta charset=&#34;utf-8&#34; /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;svg id=&#34;svgelem&#34; height=&#34;200&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
    &lt;circle id=&#34;redcircle&#34; cx=&#34;50&#34; cy=&#34;50&#34; r=&#34;50&#34; fill=&#34;red&#34; /&gt;
&lt;/svg&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>我已经阅读了许多相关的帖子，但我无法找到答案。</p>

<p>感谢任何帮助。谢谢。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>这是因为 Safari(或 UIWebView 中的内容)存在嵌入 SVG 元素的问题。听说苹果要修了，反正... <br/>
试试这个:</p>

<p>svg.html:</p>

<pre><code>&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt;
&lt;head&gt;
    &lt;title&gt;SVG&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;object data=&#34;circle.svg&#34; width=&#34;250&#34; height=&#34;250&#34;
    type=&#34;image/svg+xml&#34; /&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>圆.svg:</p>

<pre><code>&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;circle r=&#34;50&#34;/&gt;
&lt;/svg&gt;
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于iphone - 带有内联 SVG 的 UIWebview Html5，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/6977486/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/6977486/
                                                        </a>
                                                </p>
                                       

查看完整版本: iphone - 带有内联 SVG 的 UIWebview Html5