本月博客排行
年度博客排行
-
第1名
宏天软件 -
第2名
青否云后端云 -
第3名
龙儿筝 - gashero
- wallimn
- vipbooks
- benladeng5225
- wy_19921005
- fantaxy025025
- e_e
- zysnba
- ssydxa219
- sam123456gz
- javashop
- arpenker
- tanling8334
- kaizi1992
- xpenxpen
- wiseboyloves
- xiangjie88
- ranbuijj
- ganxueyun
- sichunli_030
- xyuma
- wangchen.ily
- jh108020
- lemonhandsome
- zxq_2017
- jbosscn
- Xeden
- luxurioust
- zhanjia
- lzyfn123
- forestqqqq
- ajinn
- nychen2000
- wjianwei666
- hanbaohong
- daizj
- 喧嚣求静
- silverend
- mwhgJava
- kingwell.leng
- johnsmith9th
- lchb139128
- kristy_yy
- lich0079
- jveqi
- java-007
- sunj
最新文章列表
html5 canvas 字符串
基础API:
字符串
使用Context对象的fillText()方法能够在画布中绘制字符串。fillText()方法的原型如下:
void fillText(text, left,top, [maxWidth]);
其四个参数的含义分为是:需绘制的字符串,绘制到画布中时左上角在画布中的横坐标及纵坐标,绘制的字符串的最大长度。其中最大 ...
HTML5 canvas生成图片马赛克特效插件
这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克,并将图片按照其颜色深度用不同颜色的马赛克进行渲染,效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个javascript插件来制作了一个完整的图片马赛克应用框架:The Pixelator。这个马赛克效果js插件需要使用同源的图片,根 ...
HTML5 canvas粒子生成人物面部轮廓插件
这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面,并生成canvas,使用圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上,由于安全原因,跨域名的图片不能在CANVAS中使用,查看Security with canvas elements。
...
html5
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<style>
#canvas1{border:1px solid red}/*不建议使用CSS样式width,height 设置canvas*/
&l ...
HTML5学习笔记(二)-Canvas、SVG
Canvas与SVG(Scalable Vector Graphics)的区别:
Canvas是一个位图画布,其上绘制的图形不可缩放;SVG是矢量图可以放大缩小。
Canvas绘制出的对象不属于页面DOM结构或者任何命名空间;SVG支持单机检测(能检测鼠标单机了图像上哪个对象)
Canvas不需要存储图像中的对象所以性能非常好。
一、Canvas
1、元素:<canvas&g ...
jQuery 脸部辨识
jQuery 脸部辨识
jQuery的插件在照片上标识脸部并给出他们的坐标和大小。这个插件是由六六(音译:Liuliu)结合HTML5 canvas开发的,所以只能在支持HTML5的客户端跑。有兴趣的话可以参见这个http://facedetection.jaysalvat.com/(见下图,不过要翻——墙),整套算法代码可以在 git hubhttps://github.com/jaysalva ...
html5本地存储
今天项目中用到本地存储,才发现本地存储,原来如此简单实用。这里有一个很好的介绍,我在这里贴出来,供大家参考。
HTML5 LocalStorage 本地存储
说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:
最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持, ...
HTML5 Canvas 如何取消反锯齿绘图
HTML5 Canvas 如何取消反锯齿绘图(HTML5 Canvas how to turn off anti-aliasing drawing)一、问题的提出
我们都知道反锯齿(anti-aliasing)绘图给我们带来更好的视觉体验,有了这个技术,绘制的图形的边缘再不是以前毛毛躁躁的样子了。这就是采用反锯齿算法的功劳。其实质就是把要绘制的颜色边缘和背景颜色做适当的融合,在人的眼睛看来,有种像雾 ...
[译文]HTML5基础,第4部分:点睛之笔Canvas
HTML5反映了在网络上和在云端实施业务的方式的巨大变化。本篇文章是一个由四个部分构成的系列的第三部分,该文章系列旨在寻找并突出说明HTML5中的变化。本部分内容介绍了HTML5的Canvas元素,并使用了几个例子来说明该元素的功能。
请点击这里
阅读具体内容。