首页 canvas

canvas

  • canvas,svg,vml绘图插件

    canvas,svg,vml绘图插件

    看见标题中出现了一个vml,这个很多人不是很熟悉,在这里先简单讲解一下vml的相关知识点5,6vml全名 vector mark language  矢量标记语言微软自带的画笔工具vml出现的时间比较早,早在IE5,6,7的时候被用过,IE8不兼容如果想让IE8也兼容的话,需要加上<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />vml的基本绘图流程:首...

    js插件 2016-02-29 1491 0 html5svgcanvas
  • canvas高级部分--事件,阴影,渐变,图片操作

    canvas高级部分--事件,阴影,渐变,图片操作

    canvas事件canvas画出来的图形都是一堆的像素点,因此事件都是以检测像素点的方式添加。矩形:坐标和四个边检查,判断当前点是否在矩形上圆:距离和半径作比较矩形检测<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     &l...

    HTML/CSS 2016-01-03 798 0 html5canvas
  • canvas中级部分--运动,弧度,文字,变形

    canvas中级部分--运动,弧度,文字,变形

    canvas运动 本质是一堆像素点的运动,需要用到定时器setInterval及gd.clearRect(x,y,w,h); 原理是先擦除,在重新绘画,这不需要考虑性能,因为canvas的性能相当高。定时器这里给的时间是60fps,保证canvas运动基本流畅*帧频高帧   1000/60 =16 ms低帧    30ms此处是关于运动的演示:<!DOCTYPE html> <html lang="en"&...

    HTML/CSS 2016-01-02 2280 0 canvashtml5
1