• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

iphone - 带有内联 SVG 的 UIWebview Html5

[复制链接]
菜鸟教程小白 发表于 2022-12-13 08:46:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

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

我没有使用正确的代码还是 UIWebview 不支持带有 Html 5 的 SVG?

这是 UIWebview 的代码:

- (void)viewDidLoad 
{
    [super viewDidLoad];

    NSString*  path    = [[NSBundle mainBundle] pathForResource"SVG" ofType"html"];
    NSString*  content = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];

    webView = [UIWebView new];
    webView.frame = CGRectMake(0, 0, 1024, 768);
    webView.dataDetectorTypes = UIDataDetectorTypeAll;
    webView.userInteractionEnabled = YES;
    [webView loadHTMLString:content baseURL:[[NSBundle mainBundle] bundleURL]];

    [self.view addSubview:webView];
    [webView release];
}

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

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

我已经阅读了许多相关的帖子,但我无法找到答案。

感谢任何帮助。谢谢。



Best Answer-推荐答案


这是因为 Safari(或 UIWebView 中的内容)存在嵌入 SVG 元素的问题。听说苹果要修了,反正...
试试这个:

svg.html:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>SVG</title>
  </head>

  <body>
    <object data="circle.svg" width="250" height="250"
    type="image/svg+xml" /> 
  </body>
</html>

圆.svg:

<svg xmlns="http://www.w3.org/2000/svg">
<circle r="50"/>
</svg>

关于iphone - 带有内联 SVG 的 UIWebview Html5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6977486/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap