最新文章列表

html5 canvas 字符串

基础API:   字符串          使用Context对象的fillText()方法能够在画布中绘制字符串。fillText()方法的原型如下:   void fillText(text, left,top, [maxWidth]);          其四个参数的含义分为是:需绘制的字符串,绘制到画布中时左上角在画布中的横坐标及纵坐标,绘制的字符串的最大长度。其中最大 ...
foquanlin 评论(0) 有389人浏览 2019-08-13 17:01

HTML5 canvas生成图片马赛克特效插件

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

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

这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面,并生成canvas,使用圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上,由于安全原因,跨域名的图片不能在CANVAS中使用,查看Security with canvas elements。     ...
delmarks 评论(0) 有892人浏览 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 ...
xgqfrms 评论(1) 有241人浏览 2014-09-17 21:58

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

Canvas与SVG(Scalable Vector Graphics)的区别: Canvas是一个位图画布,其上绘制的图形不可缩放;SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间;SVG支持单机检测(能检测鼠标单机了图像上哪个对象) Canvas不需要存储图像中的对象所以性能非常好。 一、Canvas 1、元素:<canvas&g ...
toplchx 评论(0) 有2497人浏览 2013-07-03 11:34

jQuery 脸部辨识

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

html5本地存储

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

HTML5 Canvas 如何取消反锯齿绘图

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

[译文]HTML5基础,第4部分:点睛之笔Canvas

HTML5反映了在网络上和在云端实施业务的方式的巨大变化。本篇文章是一个由四个部分构成的系列的第三部分,该文章系列旨在寻找并突出说明HTML5中的变化。本部分内容介绍了HTML5的Canvas元素,并使用了几个例子来说明该元素的功能。     请点击这里 阅读具体内容。        
mondayw 评论(0) 有724人浏览 2011-08-02 11:04

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics