使用 HTML 5 的 ASP.NET 网页绘图工具
资 源 简 介
翻译 maninwest@Codeforge 作者:syed shanu@CodeProjectASP.NET 绘图和涂色,使用了HTML 5 画布。 HTML5 画布是在网页上绘制图形的一个元素。简单地说,画布是个网页上的矩形容器,我们可以在里面绘图。 要创建基于 web 的绘图工具,我们得使用 HTML5 CANVAS元素和 JavaScript,详情见代码。现在,了解下 HTML5 和 CANVAS Tag 的基本知识HTML5: HTML5 是新 HTML 版本。 HTML5 提供跨平台支持,即 HTML 可以在 PC、平板和手机上工作。HTML5 应以 DOCTYPE 开头,例如: HTML5 的新功能是CANVAS(画布), AUDIO(音频), VIDEO(视频) 等。CANVAS(画布): CANVAS 是使用 JavaScript 进行2D 绘图的一个元素。 CANVAS 具有绘制路径、矩形、弧、文本等方法。 画布元素看上去这样:
文 件 列 表
SHANUHTML5ImageDraw
arrow.gif
cross.gif
Default.aspx
Default.aspx.cs
Global.asax
hs.png
hv.png
images
jscolor.js
SaveImage.aspx
SaveImage.aspx.cs
Scripts
ShanuHTML5DRAWimg.png
Shanuimg1826.png
ShanuPrintImg.png
ShanuPrintImg_new.png
Styles
Web.config
App_Data