HTML5 Canvas热门博客列表 - ITeye博客频道

博客专栏推荐

本月博客排行

年度博客排行

html5 canvas 字符串

基础API：字符串使用Context对象的fillText()方法能够在画布中绘制字符串。fillText()方法的原型如下： void fillText(text, left,top, [maxWidth]); 其四个参数的含义分为是：需绘制的字符串，绘制到画布中时左上角在画布中的横坐标及纵坐标，绘制的字符串的最大长度。其中最大 ...

html5 canvas

foquanlin 评论(0) 有388人浏览 2019-08-13 17:01

这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克，并将图片按照其颜色深度用不同颜色的马赛克进行渲染，效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个javascript插件来制作了一个完整的图片马赛克应用框架：The Pixelator。这个马赛克效果js插件需要使用同源的图片，根 ...

canvas html5 canvas 马赛克效果 js插件

delmarks 评论(0) 有1095人浏览 2015-02-03 13:01

HTML5 canvas粒子生成人物面部轮廓插件

这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面，并生成canvas,使用圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上，由于安全原因，跨域名的图片不能在CANVAS中使用，查看Security with canvas elements。 ...

canvas html5 canvas 粒子效果 js

delmarks 评论(0) 有885人浏览 2015-02-02 12:39

html5

<!doctype html> <html> <head> <meta charset="utf-8"/> <style> #canvas1{border:1px solid red}/*不建议使用CSS样式width,height 设置canvas*/ &l ...

html5 canvas

xgqfrms 评论(1) 有236人浏览 2014-09-17 21:58

HTML5学习笔记(二)-Canvas、SVG

Canvas与SVG(Scalable Vector Graphics)的区别： Canvas是一个位图画布，其上绘制的图形不可缩放；SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间；SVG支持单机检测（能检测鼠标单机了图像上哪个对象） Canvas不需要存储图像中的对象所以性能非常好。一、Canvas 1、元素：<canvas&g ...

HTML5 canvas

toplchx 评论(0) 有2489人浏览 2013-07-03 11:34

jQuery 脸部辨识

jQuery 脸部辨识 jQuery的插件在照片上标识脸部并给出他们的坐标和大小。这个插件是由六六(音译：Liuliu)结合HTML5 canvas开发的，所以只能在支持HTML5的客户端跑。有兴趣的话可以参见这个http://facedetection.jaysalvat.com/（见下图，不过要翻——墙），整套算法代码可以在 git hubhttps://github.com/jaysalva ...

html5 canvas 面部人脸识别 jquery facedetection canvas

shenlm203 评论(0) 有1513人浏览 2012-02-29 14:00

html5本地存储

今天项目中用到本地存储，才发现本地存储，原来如此简单实用。这里有一个很好的介绍，我在这里贴出来，供大家参考。 HTML5 LocalStorage 本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持， ...

html5 canvas

lizaochengwen 评论(0) 有753人浏览 2012-01-12 00:55

HTML5 Canvas 如何取消反锯齿绘图

HTML5 Canvas 如何取消反锯齿绘图(HTML5 Canvas how to turn off anti-aliasing drawing)一、问题的提出我们都知道反锯齿（anti-aliasing）绘图给我们带来更好的视觉体验，有了这个技术，绘制的图形的边缘再不是以前毛毛躁躁的样子了。这就是采用反锯齿算法的功劳。其实质就是把要绘制的颜色边缘和背景颜色做适当的融合，在人的眼睛看来，有种像雾 ...

html5 canvas

lizaochengwen 评论(0) 有1500人浏览 2012-01-09 23:28