canvas热门博客列表 - ITeye博客频道 - 第6页

博客专栏推荐

本月博客排行

年度博客排行

canvas中的像素绘制问题

pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的中间 ...

JavaScript canvas

换个号韩国红果果评论(0) 有2952人浏览 2015-07-06 21:32

基于HT for Web矢量实现HTML5上传文件进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现 ...

HTML5 拓扑图 Canvas 矢量上传文件

xhload3d 评论(0) 有1117人浏览 2015-06-08 22:29

Android图形绘制

前面学习已知，Android大部分组件都是View的子类，而如果要进行图形的绘制操作，则我们可以用一个类去继承View类，之后覆写View类中指定方法。 View中绘图方法 protected void onDraw(Canvas canvas) protected void onDrawScrollBars(Canvas canvas) 绘图4个核心操作类 andr ...

android bitmap canvas paint 图形绘制

梳子不爱头发评论(0) 有1676人浏览 2015-05-25 15:44

Android部分手机上canvas size不正确的问题

今天发现一些手机上重写onDraw之后，获取到canvas的width和height不正确导致绘图出问题。这里还是用View的getWidth和getHeight更靠谱一些。

canvas width height size

iamzhaozheng 评论(0) 有1209人浏览 2015-05-12 22:23

html5 canvas 添加消除矩形可移动重置缩放

HTML5-canvas 学习 ~~canvas矩形框，可创建、消除、重置最近需要完成一个小demo：初始化一个canvas，通过鼠标的down、move、up事件来画矩形框。查了很多资料，发现都没有我想要的。只好自己尝试写一个，下面是一些参考的网址： http://jsfiddle.net/a7mad24/aPLq5/ 废话不多直接上demo：首先是html页面： <!DOCTYPE ...

html5 canvas 矩形添加修改

hr10108 评论(0) 有5906人浏览 2015-05-08 22:14

SVG to Canvas在线转换工具

HTML5中有两种图形解决方案：SVG和Canvas，两者都有各自特点，这里不多说，Qunee图形组件中我们常常使用SVG作为节点图标，这在大部分场景下都表现良好，但是IE下有些小问题，IE下可以将SVG图片绘制到Canvas上，但是无法读取SVG的像素信息，这意味着一些特殊功能（追踪图片边缘，图片染色等）无法被实现，这时候我们考虑选择将SVG解析，转换成Canvas的绘制代码，这样就可以使用C ...

qunee SVG html5 canvas canvg

nosand 评论(0) 有176人浏览 2015-04-30 23:52

html5 canvas精美花纹背景图像插件

这是一款可以在指定容器中生成精美网页背景花纹图像的js插件。该花纹背景插件使用js来生成html5 canvas，并在其中绘制各种花纹图像。背景花纹图像可以是静态的，也可以制作成动态花纹。在线演示：http://www.htmleaf.com/Demo/201502101358.html 下载地址：http://www.htmleaf.com/html5/html5-canvas/201 ...

网页背景花纹背景 canvas html5 js插件

htmlboys 评论(0) 有3人浏览 2015-02-11 13:03

canvasapi及实现简易祖玛

一，canvas简介 1，我们说canvas，是一个html5的一种元素，通过使用javascript，可用于绘制图形，动画，图表，照片构图，或在飞行的任何其他可视化对象。 2，支持的浏览器， Internet Explorer (9.0+) Safari (3.0+) Firefox (3.0+) Chrome (3.0+) Opera (10.0+) iOS (1.0+) ...

html5 canvas 最全

xiaomiya 评论(0) 有1532人浏览 2015-02-09 17:48

HTML5 canvas逼真的雨滴效果js插件

rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。Rainyday.js是一个使用HTML5特性的纯js库，几乎所有的现代浏览器都支持它。效果演示：http://www.htmleaf.com/Demo/201502061337.html 插件下载：http://www.htmleaf.com/ht ...

雨滴效果 canvas html5 js插件

htmleaf 评论(0) 有270人浏览 2015-02-07 12:53

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

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

canvas html5 canvas 马赛克效果 js插件

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

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

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

canvas html5 canvas 粒子效果 js

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

绘制SVG内容到Canvas的HTML5应用

SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以 ...

SVG HTML5 Canvas HT for Web

xhload3d 评论(0) 有1422人浏览 2015-02-01 15:17

html5轻量级炫酷js粒子动画库插件

这是一款基于html5 canvas的轻量级炫酷粒子动画库js插件。该粒子动画库js插件可以设置粒子的形状、旋转、分布、颜色等属性，还可以动态添加粒子，效果非常酷。

粒子动画 js库 html5 canvas

delmarks 评论(0) 有4566人浏览 2015-01-31 13:35

Html5 Canvas 八卦

本来想弄贝塞尔曲线的, 后来想到这个, 就偏题了... <canvas id="canvas-dom" style="border:1px solid #ccc;" width="800" height="500"> Your browser not support canvas t ...

Html5 Canvas

Colin_Davis 评论(0) 有608人浏览 2015-01-27 18:02

Html5 Canvas 齿轮

无意中弄出来的, 呵呵, 别笑话哈 <canvas id="canvas-dom" style="border:1px solid #ccc;" width="800" height="500"> Your browser not support canvas tag. < ...

Html5 Canvas

Colin_Davis 评论(0) 有991人浏览 2015-01-27 17:18

html5实现的canvas太阳系

效果：代码： <!doctype html> <html> <head> <title>太阳系</title> </head> <body> <canvas id="canvas" width="1000" height=" ...

html5 canvas

18211103738 评论(0) 有1265人浏览 2014-12-10 18:44

帆布指纹识别介绍

有一段时间帆布指纹识别这个概念炒的很火，我也在公司和技术经理一起做了相应的测试和研究，前几天偶然看到知乎上有人提问，便打算整理一下。帆布指纹识别通过每一个用户设备不同的分辨率，色彩位数，平台种类等来作为“加密密钥”，通过在浏览器上生成canvas来取得类似于md5值的字符串，当做用户唯一的标识码。在用户设备没有大的硬件改动情况下，这个算出来的标识码是唯一的，不可变的。深度 ...