0

我需要在我创建的 SVG 中使用 ASP.NET 服务器端代码。为此，我创建了一个 .aspx 文件并插入了 SVG 代码，如下所示：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyPage.aspx.cs"
Inherits="MyApp.MyPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="700px" height="700px" onload="initialize()"> 
<script type="text/ecmascript">
<![CDATA[
    SCRIPT HERE 
    <% SERVER CODE %>       
]]>
</script>   
<defs>
    <style type="text/css">
    <![CDATA[     
    SVG STYLES
    ]]>
    </style>
</defs>
    SVG CODE    
    <% SERVER CODE %>
</svg>

这很好用，我可以使用 <% %> 并将服务器端逻辑添加到我的 SVG 中。但是，我需要使用隐藏字段从 JavaScript 中获取信息。

一旦我将此代码包装在html中并添加表单等；SVG 特定的 JavaScript 将中断，即 createSVGPoint() 函数。SVG 仍然可以正确渲染...

有谁知道解决方法或将服务器端逻辑添加到 SVG 的更好方法？

编辑：更新示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
    <script type="text/ecmascript" language="ecmascript">
    var root;
    var svgRoot;
    var xmlns = "http://www.w3.org/2000/svg";

    var mousePoint;
    var transformedPoint;

    function initialize() {
        root = document;
        svgRoot = document.documentElement;
        //alert("hello"); --Works
        mousePoint = svgRoot.createSVGPoint();
        transformedPoint = svgRoot.createSVGPoint();
        alert("hello"); -- Broken            
    }            
</script>
<style type="text/css">    
    .Interactable
    {
        cursor:pointer;
    }
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <svg id="mySVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        width="700px" height="700px" onload="initialize()">        
            <g id="WorkSpace" transform="matrix(1, 0, 0, -1, 350, 350)">
            </g>
        </svg>
    </div>
    </form>
</body>
</html>

另外，尝试在 pageLoad() 中添加内容类型

Response.ContentType = "image/svg+xml";
Response.ContentType = "application/xhtml+xml";
4

2 回答 2

2

如果您的 SVG 包装在 HTML 页面中，那么将 JS 嵌入 HTML 而不是 SVG 可能更有意义。给你的 SVG 元素一个 ID，这样你就可以轻松地访问它，瞧。脚本完全一样。

我怀疑 createSVGPoint 的用处，但你最好使用自己的 Point 原型。

于 2012-06-12T11:56:55.287 回答
0

如果 HTML 文档破坏了 SVG 命名空间，请使用对象或图像元素将 SVG 作为 XHTML 文档的外部实体加载。

于 2012-06-13T01:22:10.770 回答