canvas

本文使用HTML5 Canvas和jQuery轻松制作精美的动态饼状图，当鼠标点击某个区域时，会动态分享，并高亮显示。饼状图根据表格中指定数据生成，修改使用都非常方便，值得收藏。 在做数据分析时，会根据表中的数据生成一些图形化的图表，显示非常直观，用的较多的就是柱状图和饼状图了

d3-mitch-tree 是用来做树状结构的套件，只要遵照其设定的格式就能简单做出图表来。 在网页上用 ajax 动态上传档案后并马上绘制出图表，结合 jquery 跟 d3.js。 D3.js 是一个强大的资讯视觉化套件，可以利用它来产生像是长条图、折线图或是透过 geoJson 产生跟地图互动的图表

我用 Mapbox 做了一个地图玩具，可以对地图进行精准定位，并且方便比较。 这个玩具的源头是 Mapbox 支持 Canvas 覆盖，这就相当于马良拿到了笔。 由于地图上的格子大小在地理上是恒定的，另外地图缩放也可以自动调整，因此你可以用它方便地比较地图上各个地方的大小关系

本文主要介绍了SVG的基础概念等知识，以及SVG与CANVAS的区别，最后给出了一个简单示例，方便大家更好的了解SVG可缩放矢量图形。 SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准

超级英雄漫画，向来都是美国漫画主导，一众耳熟能详的角色如美国队长、蜘蛛侠、超人、蝙蝠侠等，都是出自Marvel及DC Comics这两家美漫巨头；不过如果以上种种，全部换上日本漫画的画风与故事，又会是怎样的感觉呢？ 作为DC Comics旗下的最经典美漫系列，《正义联盟》 （Justice League）的电影将于今年年尾上映，不过由日本漫画家手代木史织作画的漫画版《The Batman and the Justice League》 ，却会抢先于今年六月登陆日本漫画月刊杂志チャンピオンRED（Champion RED）。 作为女性漫画家，手代木史织却自小钟爱热血的《圣斗士星矢》，并立自成为漫画家。其代表作《圣斗士星矢Lost Canvas》更自成一家，在车田正美的原著故事上，自行构想出另一个国度的《圣斗士星矢》，画风既有少女漫画的细腻，亦保留热血漫画的刚阳味

2007年由Michael Mondavi家族葡萄酒公司专门为Hyatt创立。Canvas葡萄酒在Michael Mondavi和他的儿子Rob Mondavi的帮助下成立，目标是开发适合搭配食物，平易近人的加利福尼亚州葡萄酒。 Michael Mondavi家族拥有数十年的酿酒经验与凯悦酒店及度假村的合作，是经验丰富的葡萄酒生产商和酒店团队之间进行的一项完美的创作，并使凯悦成为长期受指导帮助的成功合作伙伴

Canvas 滤镜是一种在 HTML5 中使用的图形处理技术，可以用来对图像进行处理，以获得更好的视觉效果。 1. 亮度滤镜：可以通过改变图像的亮度来调整图像的明暗程度。 2. 对比度滤镜：通过改变图像的对比度来调整图像的颜色，使其变得更加鲜明

这是一款基于WebGL的漂亮背景图形动画特效。这些背景图形由Three.js创建，然后通过TweenMax来制作动画效果。 WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。 JavaScript (JS) 是一种编程语言，为通常用于客户端（client-side）的网页动态脚本，不过，也常通过像Node.js这样的包，用于服务器端（server-side）

Grid : 最常用的容器 有自动扩展的特性 容器内的元件有深度的概念 也就是说元件可以相互叠合在一起. 在同栏同列时 容器内元件的对齐位置是一致的但深度不同 可自行定义栏 列及跨栏跨列。 StackPanel：具有向下堆、向右堆的特性 容器内的每个元件会接在上一个的右侧或底部 元件之间没有深度的关系. Canvas : 容器内的每个子元件必须指定 Left 与 Top 的绝对位置. WrapPanel : 基本上与 StackPanel 相同 可指定元件向下或向右 在到达容器的宽或高的边界时，会自动换栏或换列，需注意有没有指定宽高的差异。