`

第27章 canvas保存文件

阅读更多

html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="27.js"></script>
<style type="text/css">
body{ margin:0; padding:0;}
</style>
</head>
<body onLoad="draw('canvas')">
<canvas id="canvas" width='400' height="300"></canvas>
</body>
</html>

 

js

// JavaScript Document
function draw(id){
    var canvas = document.getElementById(id);
    var context = canvas.getContext('2d');
    context.fillStyle = "green";
    context.fillRect(0,0,400,300);
    window.location = canvas.toDataURL('image/png');
}

 

效果图:

 

 

 

  • 大小: 106.4 KB
  • 28.rar (609 Bytes)
  • 下载次数: 0
分享到:
评论

相关推荐

    android应用开发详解 郭宏志编著 pdf格式

    **第二章:Android开发基础** - **开发环境搭建**:指导如何安装配置Android Studio等开发工具。 - **Java与Kotlin**:对比两种主要的开发语言,并推荐使用场景。 - **Hello World项目**:通过创建简单的“Hello ...

    Professional Android Programming with Mono for Android and .NET/C#

    ### 第二章:Mono for Android入门 - **主要内容**:这一章节着重于解释什么是Mono for Android及其工作原理,包括安装配置过程、与.NET/C#集成的方法,以及为什么选择它作为Android开发的工具。 ### 第三章:理解...

    从零开始Android游戏编程

    第二章:Java语言与Android编程基础 深入讲解Java语言的关键概念,如类、对象、继承、多态等,同时介绍Android特有的编程元素,如Intent、Activity和生命周期管理,这些都是构建游戏应用程序不可或缺的部分。 第三...

    wpf源码大全 精通C#3.0图书源码 详细源码 学习好用

    本书所附光盘范例 第4章(\C04) 示例描述:本章介绍LINQ的基本语法和使用。 UseQueryExpression 演示LINQ表达式语法的...第23章(\第23章) 示例描述:本章演示基本的WCF开发。 HelloWorld 第一个WCF程序。...

    Eclipse_Swt_Jface_核心应用_部分19

    第1章 Java语言的GUI历史 2 1.1 最初的AWT 2 1.2 Swing工具包 3 1.3 Eclipse的诞生 3 1.4 Eclipse贡献SWT工具包 5 1.4.1 SWT的结构 6 1.4.2 SWT所支持的操作系统 6 1.5 Sun AWT/Swing与Eclipse SWT 7 ...

    delphi 开发经验技巧宝典源码

    第1章 开发环境 1 1.1 环境设置 2 0001 如何定制工具栏 2 0002 如何定制组件面板 2 0003 如何定制代码编辑器 3 0004 保存自定义开发环境桌面 4 1.2 组件安装 4 0005 安装ActiveX组件 4 0006 安装...

    delphi 开发经验技巧宝典源码06

    第1章 开发环境 1 1.1 环境设置 2 0001 如何定制工具栏 2 0002 如何定制组件面板 2 0003 如何定制代码编辑器 3 0004 保存自定义开发环境桌面 4 1.2 组件安装 4 0005 安装ActiveX组件 4 0006 安装...

    一款非常好的WPF编程宝典2010 源代码

    19.4.2 保存文件 555 19.4.3 格式化选择的文本 556 19.4.4 获取单个单词 558 19.5 固定文档 559 19.6 批注 561 19.6.1 批注类 562 19.6.2 启用批注服务 562 19.6.3 创建批注 563 19.6.4 检查批注 567 19.6....

Global site tag (gtag.js) - Google Analytics