iphone - UIWebview 创建 SVG 'on the fly'-6ren

iphone - UIWebview 创建 SVG 'on the fly'

转载作者：行者123 更新时间：2023-11-29 05:00:53

24

4

这是上一篇关于在 UIWebview 中操作 SVG 的文章的延续。有关更多背景信息，请先参阅此处:UIWebview manipulating SVG 'on the fly'

现在我正在尝试在同一框架内动态创建 SVG。

我尝试在 Javascript 中使用 createElementNS 方法，但没有成功。

这是我失败的尝试:

NSString *string = @"var svgDocument=document.getElementById('circle').getSVGDocument();var shape=svgDocument.createElementNS('http://www.w3.org/2000/svg', 'greencircle');shape.setAttributeNS(null, 'cx', 25);shape.setAttributeNS(null, 'cy', 25);shape.setAttributeNS(null, 'r',  20);shape.setAttributeNS(null, 'fill', 'green');svgDocument.appendChild(shape);";
[webView stringByEvaluatingJavaScriptFromString:string];

有人可以向我展示如何使用与上述类似的方法创建一个简单的圆圈的示例吗？或者如果有更好的方法来动态创建 SVG 图形那么我很想知道!

谢谢。

最佳答案

其实你已经差不多了。

createElementNS 的第二个参数应该是您正在创建的元素类型(圆圈)而不是标识符(绿色圆圈)，例如

var shape=svgDocument.createElementNS('http://www.w3.org/2000/svg', 'circle');

您可以使用 setAttributeNS 设置 id。

shape.setAttributeNS(null, 'id', 'greencircle');

此外，附加到 svgDocument.documentElement 而不仅仅是 svgDocument，否则您会收到错误:

svgDocument.documentElement.appendChild(shape);

顺便说一句，如果您还没有快速测试所有这些内容的最佳方法是在桌面上的 Chrome 或 Safari 中打开开发人员工具。使调试变得更加容易。

因此，如果您正在使用 earlier question about manipulating SVG 中提到的文件您可以使用以下方式进行原型(prototype)设计:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>SVG</title>
    <script>
    function make_circle() {
            // test new Javascript code here before compacting it
        var svgDocument=document.getElementById('circle').getSVGDocument();
        var shape=svgDocument.createElementNS('http://www.w3.org/2000/svg', 'circle');
        shape.setAttributeNS(null, 'id', 'greencircle');            
        shape.setAttributeNS(null, 'cx', 25);
        shape.setAttributeNS(null, 'cy', 25);
        shape.setAttributeNS(null, 'r',  20);
        shape.setAttributeNS(null, 'fill', 'green');
        svgDocument.documentElement.appendChild(shape);
    }
    </script>
  </head>
  <body>
    <!-- click on link to test the code -->
    <a onclick='make_circle();'>Change color</a>
    <object id="circle" data="circle.svg" width="250" height="250" type="image/svg+xml"/> 
  </body>
</html>

显然你不能用这种方式测试任何触摸事件。 :(

就更好的方法而言，随着 Javascript 变得越来越复杂，可能值得研究如何将所有内容保存在应用程序包中单独的 .js 文件中，然后通过创建和插入动态创建的标签将其加载到 Web View 中使用 stringByEvaluatingJavaScriptFromString。

关于iphone - UIWebview 创建 SVG 'on the fly'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7004803/

24

4

0

文章推荐： objective-c - 发送包含用户输入数据的电子邮件

文章推荐： ios - 如何安装与Xcode默认自带的sdk不同的sdk？

文章推荐： java - maven 生成的 jaxb 类 - ClassNotFoundException

文章推荐： php - 如何在不标记每个帖子的情况下实现相关帖子功能？

uiwebview - UIWebView 中文本选择开始或结束的通知？
我正在寻找一种方法来观察 UIWebView 中文本选择已开始或结束的通知。一旦出现大头针和蓝色选择覆盖，它会自动更新 Javascript 选择和范围对象，但是当您点击选择并结束时，似乎没有一种干净
uiwebview - 如何确定用户是否点击了 UIWebView
我需要获取 UIWebView 的 url在用户单击一次后显示。我尝试在 UIWebView 下放置一个按钮，该按钮调用确定 url 的方法。，但这样按钮不起作用。我试过在 UIWebView 上
uiwebview - AFNetworking 证书固定 UIWebView
我正在使用 AFNetworking UIWebView 类别，我想知道是否有任何方法可以通过证书固定检查加载 url。最好的问候，最佳答案 UIWebView 没有向它公开任何直接 API，但它
uiwebview - 如何在 UIWebView 中禁用长触摸？
我想从应用程序中禁用长触摸。我无法控制在 WebView 上加载的 HTML。最佳答案在 webViewDidFinishLoad委托(delegate)我在加载的 html 页面上运行一个禁用长
uiwebview - 如何检测 UIWebView 是否正在缩放？
每个人: 我可以通过将scalesPageToFit 设置为YES 来启用缩放。但是，我如何知道 UIWebView 是否正在缩放？有人知道吗？提前致谢。最佳答案已解决。向 XXXViewC
uiwebview - 在加载之前找到 UIWebview 的内容高度
我在每个单元格中都有几个自定义单元格和 WebView 。现在，我的要求是找到要在 webview 上加载的 HTML 字符串的高度，然后根据此更改自定义单元格高度和 webview 高度。我知道可
uiwebview - 为 UIWebView 请求设置 Cookie
我想嵌入一个 UIWebView进入我的 MonoTouch 应用程序，用于尚未本地实现的区域。为了对网站进行身份验证，我想设置一个包含当前 session key 的 cookie。我尝试创建一
uiwebview - iOS 7 UIWebView 不加载网页
我的应用程序使用 UIWebview，它在 iOS 5 和 iOS 6 中运行良好。但是，当我在 Xcode 5 中构建并运行相同的代码时，它不会在 iOS 7 中加载网页。 - (void)web
iPhone UIWebView - 从超链接打开新的 UIWebView Controller
我有一个嵌入式网站，有很多链接，但 WebView 窗口相当小，允许放大和缩小列表上方的较大图像。如果可能的话，我需要 webview 响应到带有第二个嵌入式 UIWebView 的新 Control
uiwebview - monotouch uiwebview 找不到本地 html
我正在 Monotouch 上构建 iPhone 应用程序。我的项目的一部分使用本地网站内容。我将网站使用的所有 html、js、css 和图像复制到一个文件夹中，并将其导入到我的 monotouch
uiwebview - Swift UIWebView 可选值为 nil
在下面的示例中，infoScroller 是一个UIWebView，println(HTMLDescription) 打印一个可爱的 HTML 字符串。但是，尝试 loadHTMLString 会出现
iOS:加载另一个 UIWebView 后无法调试 UIWebView
我有一个包含多个 UIWebView 的应用程序。我有一个 UIWebView 保存所有业务逻辑和其他 UIWebViews 用于显示目的。但是，我发现如果 UIWebView 不是最后一个加载的，断
html - 如何从另一个 UIWebView 打开 UIWebView？
我的一个包含链接的 View Controller 底部有一个 Web View 。我想要做的是，当用户单击 Web View 中的一个链接时，它会打开一个 Web View ，该 View 占据屏幕
uiwebview - 为什么缩放 UIWebview 在 iOS5 中不起作用？
我已经在 webview 中实现了 ScrollView 的委托(delegate)。由于，iOS 5 默认 ScrollView 不再响应 didZoom 事件。为什么会出现这种行为？最佳答案 i
uiwebview - 使用 Xcode UI 测试测试 UIWebView
我正在使用新的 Xcode UI Testing来自 XCTest Framework与 Xcode 7 GM .我有一个带有简单 UIWebView 的应用程序(它只是一个带有 web View 和
uiwebview - Swift 从 UIWebView 响应中获取 header
我无法从 UIWebView 响应中获取 header ，因为响应显然没有被缓存。有解决方法吗？我试过来自 here 的代码. 我的应用程序使用混合的原生 iOS View Controller 和
iphone - 如何打开从 UIWebView 到新 UIWebView 的任何链接？
我想制作一个简单的应用程序，其中具有自定义内容的 UIWebView 将具有多个指向具有类似内容的其他页面的链接(顶部有一个导航栏，只有一个后退按钮)。我阅读了this的答案问题，但是我不确定是否应该
iphone - 当 UIWebView 的宽度小于窗口宽度时，UIWebView 中的网页无法正确自动调整大小
我制作了一个简单的测试项目，其中仅包含一个 UIWebView，其中 UIView 填充了窗口。当 UIWebView 的宽度与 UIView 相同时，一切正常。当UIWebView的宽度小于容器的宽
uiwebview - uiwebview 中的 uimenucontroller 带有自定义菜单项，没有更多菜单
在我的 iPad 应用程序中，有一个显示文本内容的 UIWebview。当我按住并选择一个文本时，应该会弹出一个带有 2 个自定义菜单的菜单。说，|菜单 1 |菜单2 | 但似乎 COPY 菜单也会
uiwebview - 如何在 uiwebview 中打开 itunes 链接
是否可以在 uiwebview.js 中加载应用商店链接。我尝试在 uiwebview 中打开它，但它没有加载到那里。我不希望用户在单击我的应用程序中的网址时离开我的应用程序。可能吗？问候潘卡杰

首页

博学

6Ren·AI

商城

iphone - UIWebview 创建 SVG 'on the fly'