日期:2014-05-17  浏览次数:20567 次

请问asp.net如何使用canvas
我用的平台是vs2008
HTML code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="webtest._Default" %>

<!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>无标题页</title>
    <!--[if lt IE 9]><script type="text/javascript" src="/Script/excanvas.compiled.js"></script><![endif]-->
    
    <script src="/Script/jquery-1.6.1.min.js"  type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="ddd">
    <canvas id="myCanvas" width="200" height="100"></canvas>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>


运行后,提示:var cxt=c.getContext("2d")对象不支持此属性或方法
鼠标放在canvas标签上提示:XHTML 1.0 Transitional不支持元素canvas
请问我该如何修改

------解决方案--------------------
http://www.w3school.com.cn/html5/html5_canvas.asp
------解决方案--------------------
没弄过,帮顶下
------解决方案--------------------
Canvas是HTML5中才有的,或者是Silverlight中也有这样的控件元素。

HTML5 Canvas

HTML5 Canvas示例
------解决方案--------------------
Canvas是客户端技术,跟asp.net没有关系

Canvas需要ie9,ff,chrome等支持Canvas的浏览器
------解决方案--------------------
嚓~LS钻石,牛人啊。。。。
------解决方案--------------------
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>
参考