canvas做的一个写字板

<!DOCTYPE html><html><head><title>画板实验</title> <meta charset="UTF-8"> <meta name="viewport"content="width=device-width, initial-scale=1.0"><!-- <script type="text/javascrip…

H5 canvas pc 端米字格写字板

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo02 pc端米字格画布</title> <link rel="stylesheet" href="css/canvas.css"> <script src="scripts/jque…

html5之canvas画图 1.写字板功能

写字板事例: 写字板分析:1.点击鼠标開始写字(onmosedown)2.按下鼠标写字(onmousemove)3.松开鼠标,停下写字(撤销onmousemove事件): 代码: <strong><!doctype html> </strong><html> <head> <meta charset="utf-8"> <title>Canvas</title> &l…

canvas h5制作写字板

<!DOCTYPE html><html><head> <meta charset="utf-8"> <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script> <title>写字板</title> <style…

概述上一篇文章我们对自定义控件进行了一个大体的知识介绍.今天就来学习自定义一个简单的写字板控件. 先来看看效果图就是简单的根据手指写下的轨迹去画出内容实现在上一篇文章里提到了android官方给出的自定义控件需要考虑以下几点: 创建View 处理View的布局绘制View 与用户进行交互优化已定义的View 就按照这个步骤来完成今天的自定义控件 1.创建View 上篇提到创建View这一步的时候要考虑的就是很简单的自定义属性的声明.使用. 今天的控件可以有一些什么自定义属性呢?要实现…

Android自己定义控件2-简单的写字板控件

概述上一篇文章我们对自己定义控件进行了一个大体的知识介绍. 今天就来学习自己定义一个简单的写字板控件. 先来看看效果图就是简单的依据手指写下的轨迹去画出内容实现在上一篇文章里提到了android官方给出的自己定义控件须要考虑下面几点: 创建View 处理View的布局绘制View 与用户进行交互优化已定义的View 就依照这个步骤来完毕今天的自己定义控件 1.创建View 上篇提到创建View这一步的时候要考虑的就是非常easy的自己定义属性的声明.使用. 今天的控件能够有一些什么自…

做为一个前端工程师，是往node方面转，还是往HTML5方面转

文章背景:问题本身来自于知乎,但是我感觉这个问题很典型,有必要把问题在整理一下,重新分享出来. 当看到这个问题之前,我也碰到过很多有同样疑惑的同学,他们都有一个共同的疑问该学php还是nodejs,包括我自己也曾有过同样的经历.幸运的是,通过我内心的挣扎和对当前市场供需关系以及行业发展前景的综合衡量评估后,我还是在接触了java, php之后回到js这片天空上来了.一方面是客观因素,一方面是兴趣导致的,前端太好玩了,值得为此奉献一点激情或青春. 其实这也是一个开发者成长必须经历的一个洗礼,一个磨…

WPF学习之路（五）实例：写字板

写字板实例一 MainWindow.xaml <Window x:Class="Wordpad01.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="> <Grid> <Grid.…

用 canvas 做个好玩的网站背景

不知不觉又好久没更过博客了,老调新弹一下,之前做的一个小效果,觉得蛮有意思的,也有朋友问是怎么做的,就分享一下,写个博文吧. 先上demo吧:http://whxaxes.github.io/canvas-test/src//Funny-demo/netparticle/net_1.html 上面这个demo是最早写的,后来做了点小修改后就用到了自己的网站上当个banner,有兴趣的也可以看看效果:http://wanghx.cn/ ,至少同事说还是挺酷炫的.这种效果其实很早之前就有了的,…

用HTML5 Canvas 做擦除及扩散效果

2013年的时候曾经使用canvas实现了一个擦除效果的需求,即模拟用户在模糊的玻璃上擦除水雾看到清晰景色的交互效果.好在2012年的时候学习HTML5的时候研究过canvas了,所以在比较短的时间内实现了一个方案[下文方案一],后来继续探索之后进一步更新了这个方案[下文方案二],提高了交互的性能,也提升了用户体验.今年初的另一个项目,提出了一个比较类似的需求,不过不是擦除效果,需要在一张地图上动态显示雾霾驱散的效果,这个交互需求有个小难点,雾霾的边缘是模糊的,而不是常见的那种整齐的. 这里说明…

要过年啦，用canvas做了个烟火效果

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 要过年了,过年想到的就是放烟火啦....于是就用canvas写了个放烟火的效果,鼠标点击也会产生烟火,不过不要产生太多烟火哦,一个烟火散出的粒子是30到200个之间,当页面上的粒子数量达到一定的时候,页面就会很卡咯,我也没特意去优化神马的.以后有空再说吧. 直接上DEMO吧:放烟火原理很简单...就写一个烟火类以及碎屑类,实例化后让它飞起来,然后到达某个点后,把这个烟火对象的dead属性置为true,然后再实例化出一定数量的碎屑对象…

公告栏添加时钟——利用canvas画出一个时钟

前言最近在学习HTML5标签,学到Canvas,觉得很有趣.便在慕课网找了个demo练手.就是Canvas时钟. 对于canvas,w3shcool上是这么描述的: HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript). 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务. getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性. 示例动态可看公告栏状态…

用canvas画布画一个画板

前段时间,在对H5的回顾中突然对canvas有了感觉,闲来无事便对其进行了一些捯饬.这不,上周我还做了一个好玩的画板呢,废话不多说,直接上代码(PS:翠花,上代码~): HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Canvas 制作画板</title> <style> h1…

我们能用canvas做什么？

什么是Canvas? Canvas元素是HTML5的一部分,允许脚本语言动态渲染位图像.Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度.JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形. 我们能用Canvas做些什么? 1. 游戏:毫无疑问,游戏在HTML5领域具有举足轻重的地位.HTML5在基于Web的图像显示方面比Flash更加立体.更加精巧,我认为运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方…

html5 canvas做的图表插件

用highchart的时候发现它是用svg来画图的,那么用canvas来做怎么样的. 以前做AS图表插件的时候,绘制图画主要用容器的Graphics对象来绘制,而canvas的context和Graphics一样,都可以用来绘制图形. 然后就试着用canvas做了这样一个东西. 具体实现如下,个人表达能力有问题,各位看官还是看源码吧,如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-T…

win7系统中右键新建没有写字板

问题描述: win7系统中右键新建没有写字板解决方案: 1. 按下Win+R后输入regedit打开注册表. (可以使用组合键ALT+ 键盘上的左键, 对展开的注册表项进行折叠方可查看) 2.定位到:HKEY_CLASS_ROOT\.rtf 3. 右键新建能查看到word, word后缀名是.doc. 定位到.doc进行查看,分析.rtf与.doc二者的区别 4. 从第3步可以发现.rtf与.doc缺少了一项ShellNew. 在修改.rtf前先右键导出.rtf 防止后续修改出现问题时可以恢…

Ultraedit和写字板修改Tomcat 6.0的server.xml不生效

转:http://blog.csdn.net/greencacti/article/details/6615321 本人在修改Tomcat 6.0的server.xml的时候,发现写字板修改完保存的时候会报"对C:\Program Files\Apache Software Foundation\Tomcat 6.0\conf\server.xml的存取被拒绝". 后改为用Ultraedit修改,发现了更诡异的事情: 1. 然后我把server.xml拷贝到其他目录用Ultraedit…

做了一个sublime text插件

做了一个sublime text插件,可以方便地查看C++/python的调用图.插件的演示视频在这里: http://list.youku.com/albumlist/show?id=28202266&ascending=1&page=1 https://www.youtube.com/playlist?list=PLN16zMWJLkHLgHhTJUIkwp5chgnFz9_NH 来自为知笔记(Wiz)…

bootstrap做了一个表格

花了一下午做了一个表格: 大致是这样: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>广发互联小贷</title> <meta name="keywords" content="广发互联小贷" /> <meta name="description" co…

PHP MVC简单介绍，对PHP当前主流的MVC做了一个总结

东抄西抄,对PHP当前主流的MVC做了一个总结PPT. 希望对初学者有点帮助! PHP MVC初步.ppt…

用MVVM做了一个保存网页的工具-上篇

前言: 你是否有过收藏了别人博客或文章,当想用的时候却找不到?你是否有过收藏了别人博客或文章,却因为没有网络而打不开网页?OK,下面是我做的一个工具,有兴趣的同学们可以download 玩下,哈哈^.^ 本篇是上篇,介绍工具的使用,下篇会介绍怎么用MVVM来实现这个小工具! 一.常用的保存网页的方式有一种保存方式就是:用快捷键:Ctrl + S保存网页.缺点:1.保存下来的形式是html+js+css,文件多:2.保存的地方可以任意,不便于统一管理.3.保存的地方,容易忘,下次再找的时候可能会…

php大力力 [042节] 今天做了一个删除功能

php大力力 [042节] 今天做了一个删除功能 if(isset($_GET['action'])){ if($_GET['action']=="del"){ $sql = "delete from tbl_media where MadiaName = '{$_GET['MadiaName']}'"; $result = mysql_query($sql); if($result && mysql_affected_rows()>0){ e…

做了一个简易的git 代码自动部署脚本

做了一个简易的git 代码自动部署脚本 http://my.oschina.net/caomenglong/blog/472665 发表于2个月前(2015-06-30 21:08) 阅读(200) | 评论(1) 12人收藏此文章, 我要收藏赞1 8月22日珠海 OSC 源创会正在报名,送机械键盘和开源无码内裤项目是THINKPHP写的用了 oschina git 进行版本管理. 公网服务器是CentOS.每次用FTP上传很麻烦. 所以想到了在服务器上安装一个GIT进行 pull…

用原生javascript做的一个打地鼠的小游戏

学习javascript也有一段时间了,一直以来分享的都是一些概念型的知识,今天有空做了一个打地鼠的小游戏,来跟大家分享一下,大家也可以下载来增加一些生活的乐趣,下面P出代码:首先是HTML部分代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>打地鼠的小游戏</title> <link rel…

利用SCI做的一个足球答题系统

SCI,异步串行通信接口,内置独立的波特率产生电路和SCI收发器,可以选择发送8或9个数据位(其中一位可以指定为奇或偶校验位). SCI是全双工异步串行通信接口,主要用于MCU与其他计算机或设备之间的通信,几个独立的MCU也能通过SCI实现串行通信,形成网络. MC12里有两个SCI(SCI0和SCI1).设计SCI串口通信程序,主要是掌握八个寄存器,设置好初始化. 利用SCI做的一个足球答题系统 ,代码如下: /***************************************…

高仿“点触验证码”做的一个静态Html例子

先上源码: <html> <head> <title>TouClick - Designed By MrChu</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> body { margin: 0px; padding: 0px;…

13-7-1 做了一个360优化大师的主页（就是一个主页UI）

模仿360优化大师做了一个下它的首页. 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_pa…

做了一个图片等比缩放的js

做了一个图片等比缩放的js 芋头发布在view:8447 今天改了一下博客的主题,发现博客主题在ie6下变样了,后来发现是因为某篇文章里的某个图片太大了撑开了容器,导致样式错位,前几天公司需求里也曾遇到过要编写一个等比缩放的东西,后来不了了之,今天就一起解决了它吧. 1.等比缩放? 等比缩放就是一张图片按照比例缩放,而不是按照容器大小去缩放,那样会变形而且变得很丑,例如下面的示例: 这是原图片,大小是200*100: , 如果不按比例缩放成100*100: ,很明显变形了. 我现在要的效果…

FMX相当于在界面上自己又做了一个小操作系统

FMX的自画界面我也不看好,比如复制粘贴,太丑了,系统做得很好很精细的复制粘贴界面,就是无法调出,比如MIUI,复制粘贴还能有个放大镜,可以选择到屏幕边缘的文字,可以选择剪贴板内多个可粘贴的文字:还有那个Memo,有的时候该折行的不折行,有的文字看不到了.文本输入框,隐藏剪贴板后,再点击就弹不出来了:系统本身的文本框就没有这个问题.底部输入框输入时自动上移界面,好像是操作系统本身就有的吧,FMX还得自己编很多代码,也不一定编好.自己编码补漏洞是另外一回事.FMX给我的感觉是在界面上自己又做了一个…

做了一个quartz用到的cron在线生成器

做了一个quartz用到的cron在线生成器做了一个quartz用到的cron在线生成器做这个的目的是前期在做Quartz时老是不知道如何去写,我想也有很多人和我一样吧. 有一次使用了一个老外的网站,不过功能不是很强大,而且现在也找不到了. 这个界面出自于一个Java版的GUI的Cron表达式生成器. 昨天花了一晚的时间才实现了所有功能,还算人性化啦. 在想域名的时候,因为我有一个JSON的处理站 BeJson 所以我想了很久决定使用 BeCron. 所以他的网址就是: http://w…