51dev.com IT技术开发者社区

51dev.com 技术开发者社区

canvas简单实现纯色背景图片抠图

canvas简单实现纯色背景图片抠图

最近在研究html5canvas的过程中,发现,canvas为前端对图像的处理开辟了一条新的道路,canvas可以做到很多事情,甚至可以做个类似于PhotoShop的东西,曾经本人在一家软件工作就做类似的工作,可以看一下我之前开发的软件: 这个就是canvas实现的类似于AdobePhot...

移动端自适应页面--flexible

移动端自适应页面--flexible

可能有很多人没有接触过移动端页面、或者接触的少,都会问移动端页面怎么写?宽度百分比,高度自适应可能大家都知道这么个写法,然后字体再用css3的媒体查询(@media)来针对每个手机尺寸分别写不同大小的html字体(我最初就是这么写的)。因为写的页面多了,觉得这种方法有很多弊端存在,比如手机尺寸很多、...

mono touch中WebView与html之间的交互

mono touch中WebView与html之间的交互

和朋友一起构思了一个想法,借用他的思路捣鼓了一会,效果还行。先上一段代码看看:RectangleFnewrec=UIScreen.MainScreen.Bounds;UIWebViewwebView=newUIWebView(newrec);NSUrlnsurl=newNSUrl("https://...

html5的结构标签有利于seo

html5的结构标签有利于seo

本文章属于个人之见,仅供参考!现在绝大部分人做网页采用p+css的方式布局页面,这在布局上依旧可以持续火热,但是如果你想让你的网站更利于seo,那么考虑使用htnl5新增的结构标签会更亲近搜索引擎.关于html5新增的结构标签请查阅相关帮助文档,这些结构标签并没有实际的效果,举个例子:标签对...

HTML5实战与剖析之原生拖拽(一拖拽历史概述)

HTML5实战与剖析之原生拖拽(一拖拽历史概述)

  提起拖拽,我就想起了在JavaScript培训的时候一个非常好玩的效果,那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。  最早拥有JavaScript拖拽功能的是IE4浏览器。当时,网页中只有两种对象是可以拖拽的,那就是:图形和某些文字。拖拽图像的时候,把鼠标放在图像上,按住鼠标...

HTML5 canvas绘制arcTo、translate和rotate的画法探索

HTML5 canvas绘制arcTo、translate和rotate的画法探索

arcTo(x1,y1,x2,y2,radius);还要加上moveTo的点(x0,y0);第一步:找到切点过点(x1,y1),(x0,y0)引射线与点(x1,y1),(x2,y2)所引射线交于点(x1,y1),作其角平分线,找到圆心,使其到角的两边距离等于radiu...

HTML5桌面通知:notification api

HTML5桌面通知:notification api

1.为什么需要HTML5的桌面通知传统的桌面通知可以写一个p放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是:当我在使用京东进行购物的时候,我是不知道人人网有消息推送过来给我的,而必须要等我把当前页面切到人人网才知道有消息推送了。这种方式的消息推送它是基于...

HTML5实战与剖析之表单那些事儿

HTML5实战与剖析之表单那些事儿

  HTML5针对表单方面也做了一些完善,新添加了一些验证数据的功能,新添加了一些标签属性。有了这些验证功能,就可以不用JavaScript进行验证,哪怕是JavaScript被禁用了也可以毫无压力的验证表单了。开发人员不用JavaScript,浏览器会根据标记中的规则执行验证,然后显示适当的错误信...

HTML5 API --- Screen Orientation API简介

HTML5 API --- Screen Orientation API简介

 在移动平台的游戏中,我们经常需要通过倾斜或旋转移动设备来控制游戏中的元素,例如赛车游戏中我们需要左右倾斜来控制赛车的左右转向,神庙逃亡游戏中我们同样需要左右倾斜移动设备来控制人物行走位置的方向。设想一下,如果设备的倾斜让游戏画面产生旋转,游戏画面需要重绘来适应屏幕尺寸的改变,那对游戏设计...

手机端html5触屏事件(touch事件)

手机端html5触屏事件(touch事件)

手机端html5触屏事件(touch事件)touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列...

SAPUI5教程——MessageStrip的应用场景

SAPUI5教程——MessageStrip的应用场景

对于HTML5应用来讲,通常页面会有一些小的公告提示等等,用户可以点击删除,那么这个功能在sapui5中如何实现呢?sap.m.MessageStrip是一个control可以嵌入到应用页面当中,SAPUI5提供了四中类型的messages,Information,Success,WarningEr...

手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

手机版网页设计html5元素meta name=”viewport”设置需要注意的地方

手机版网页设计html5元素metaname=”viewport”设置需要注意的地方。target-densitydpi:一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。一个低像...

一个用canvas做的抠图游戏

一个用canvas做的抠图游戏

代码:<!DOCTYPEhtml><html><head><title>抠图</title><styletype="text/css">#canvas_find_happy{background-color:antiquewhi...

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法

h5解决高度塌陷问题的方法<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css&...

h5关于清除浮动的操作学习讲解

h5关于清除浮动的操作学习讲解

不设置浮动的效果图:box1设置了浮动后:clear:left之后可还原到不设置浮动的效果图box1box2都设置了浮动的效果图box3清除所有浮动:clear:both效果图<!DOCTYPEhtml><html><head><metacharset=&q...