Canvas

Canvas

文章 900 浏览 1.8k

CSS3 滤镜及 Canvas、SVG 和 IE 滤镜替代方案详解

IE 特有的滤镜常常作为 CSS3 各种新特性的降级处理补充,而 Adobe 转向 HTML5 后与 Chrome 合作推出 CSS3 的 Filter 特性,因此当前仅 Webkit 内核的…

JSmiles 2019-08-17 21:42:44 1277 0 1

OpenCharts 基于 Canvas 技术面向对象 Web 图表

OpenCharts 是基于 HTML Canvas 技术的采用面向对象的 Web 图表,通过 OpenCharts,你可以方便的制作一系列漂亮的 Web 图表。现在我们支持8种类型的图…

JSmiles 2019-07-28 10:46:28 1596 0 0

CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库

Canvas Query 是一个封装了 HTML5 Canvas 元素的 jQuery 插件,增加了很多常用的Canvas图像操作方法,特别适合游戏开发者,创建优秀的 Web 游戏。 简…

JSmiles 2019-07-20 22:08:36 1854 0 0

Pixi.js 超快 HTML5 的 2D webGL Canvas 游戏动画渲染引擎

Pixi.js 是一款超快的开源 HTML5 2D 渲染引擎,使用带有 Canvas 回调功能的 WebGL。作为 JavaScript 的 2D 渲染器,Pixi 的目标是,可以提供一个快速…

JSmiles 2019-07-16 19:12:46 3566 0 1

Barcode.js 功能强大的条码生成 jQuery 插件

Barcode.js 是一个基于 jQuery 库的插件,用于绘制条形码或者二维码,能够生成基于 DIV+CSS 或者 Canvas 等的条码,该插件支持 PHP、jQuery 和 JavaSc…

JSmiles 2019-07-13 19:20:06 2003 0 0

Particles.js 基于 Canvas 画布创建粒子原子颗粒效果

Particles.js 是一款基于 HTML5 Canvas 画布的轻量级粒子动画插件,可以设置粒子的形状、旋转、分布、颜色等属性,还可以动态添加粒子,效果非常炫酷…

JSmiles 2019-06-20 19:34:13 2766 0 0

BitmapData.js 基于 Canvas 强大的位图特效处理插件

BitmapData.js 是一个 JavaScript 插件,使用 HTML5 中新加入的 Canvas API 实现类似 ActionScript 3 中的 BitmapData 类,可以对位图制作很多好看的…

JSmiles 2019-05-08 10:41:08 3218 0 0

Heatmap.js 强大的 HTML5 画布 WEB 网页在线热点图插件

Heatmap.js 可以用来生成基于用户自定义数据上的 Web 热点图,使用内嵌的 HTML5 Canvas 画布元素,heatmap.js 可以使用 Canvas 画出来一张漂亮的 heat…

JSmiles 2018-12-13 20:11:19 4466 0 0

使用 HTML5 调用手机摄像头实现拍照上传

拍照上传功能一般都用于用户的头像设置和手机端的分享图片,对于 PC 端的头像设置,如果采用拍照的方式设置,需要用户使用带有摄像头的电脑,不过现在…

JSmiles 2018-10-22 13:51:31 3250 0 2

HTML5 网页中 SVG 和 Canvas 以及 IMG 图片的转换方法

网页中显示的图片或者是图形,一般就只有几种,对于静态的内容,大多会选择 jpg、png、gif 的图片,这些图片称之为位图,放大以后会出现锯齿,也是不…

JSmiles 2018-10-21 11:50:34 2650 0 0

测试浏览器是否支持 Canvas 画布的方法

在获取 HTML 页面上 Canvas 元素的引用后,我们需要测试一下该元素是否包含 getContext()。Canvas 的 getContext 指的是由浏览器定义的用于绘画的平面…

JSmiles 2018-10-14 11:35:17 2115 0 0

在 HTML5 画布 Canvas 上绘图

Canvas 画布是一个绘图界面,用于呈现和动态显示图形元素,如矩形区域和位图图像。这些元素的操作使用脚本语言(通常是 JavaScript)完成。 在 HTML …

JSmiles 2018-10-01 20:33:26 1507 0 0

CSS3 背景线性渐变 Linear Gradients 介绍

CSS3 线性渐变是 CSS3 中最简单的一种应用,可以免去我们频繁的去修改背景图,可以无限拉大背景的区域,而不用去考虑背景图是否清晰,因为是程序自动…

JSmiles 2018-09-13 23:31:08 1862 0 0

Paper.js 开源的矢量图形 JS 脚本动画插件

Paper.js 是一个开源的矢量图形脚本框架,运行于 HTML5 Canvas(画布)之上。它提供了一个整洁的场景图(Scene Graph)或文档对象模型来创建矢量图形…

JSmiles 2018-07-12 21:45:05 2365 0 0

帆布指纹识别 Canvas Fingerprinting

广告联盟或网站运营者都希望能够精准定位并标识每一个个体,通过对用户行为的分析: 浏览了哪些页面? 搜索了哪些关键字? 对什么感兴趣? 点了哪些按…

JSmiles 2018-06-02 23:58:28 2317 0 0

简介

HTML5 Canvas 标签用于绘制图像,通过脚本通常是 JavaScript,不过 Canvas 元素本身并没有绘制能力,它仅仅是图形的容器,您必须使用脚本来完成实际的绘图任务。

更多

推荐作者

我们的影子

文章 0 评论 0

素年丶

文章 0 评论 0

南笙

文章 0 评论 0

18215568913

文章 0 评论 0

qq_xk7Ean

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文