- 综合排序
- 最热优先
- 最新优先
- 来自专栏重庆的技术分享区
HTML5-Canvas初探（1）
canvas其实没有那么玄乎，它不外乎是一个H5的标签，跟其它HTML标签如出一辙： canvas 元素用于在网页上绘制图形。 那么什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 canvas本身没有任何的绘图能力，所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas（这意味着咱得
1.9K20发布于 2018-07-17 - 来自专栏web前端教室
html5-canvas画板视频教程
本例重点 1、touch相关事件； 2、需求拆解、分析； 3、e.targetTouches事件对象：是当前对象上所有触摸点的列表； 4、moveTo()、lineTo()、stroke()方法；
92760发布于 2018-02-06 - 来自专栏web前端教室
html5-Canvas 基础应用-画线简介
本节知识点 1、moveTo：开始一条路径，起始点移动到位置0,0开始。 2、lineTo()： 方法添加一个新点（此方法不绘制线条）。 3、stroke()：实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。 理解 1、正确理解moveTo()，此方法为从哪开始画线 2、lineTo()方法不是线的终点，而是一条线的一个节点 3、一条线可以有多个lineTo()方法 4，至少一个moeTo()和多个lineTo()方法共同定义一条线，然后stroke()将定义好的线
96350发布于 2018-02-06 - 来自专栏web前端教室
html5-canvas刮刮卡实例-圆形刮痕
vid=d0166qkp08w&width=670&height=502.5&auto=0 附：html5-canvas 最简单的刮刮卡实例 本例重点： getContext：返回一个用于在画布上绘图的环境
1.3K80发布于 2018-02-06 - 来自专栏技术经验分享
分享HTML5-CANVAS相交线动画代码实例
今天全百科网分享的是HTML5-CANVAS相交线动画代码实例，史基于html、css、js三个方面制作而成，可用于网页背景，效果很是不错。
1.7K30发布于 2019-08-15 - 来自专栏蚂蚁开源社区
用HTML5-Canvas 写一个桌球游戏！
这只是一个简单的DEMO。游戏性、游戏规则没怎么考虑，如果有兴趣细化的朋友可以细化一下，比如细化一下规则，游戏开关，加个声音，细化一下进球检测，更严谨甚至可以去查下击球力度、桌面真实摩擦力等来把游戏弄的更像游戏。我只是给个编程思路，做一个DEMO而已，玩起来估计还是会很爽快的~~
2.4K30发布于 2019-08-09 - 来自专栏重庆的技术分享区
HTML5-Canvas之矩阵和多边形的绘制（2）
上篇文章我们了解了canvas的定义、获取和基础的绘图操作，其中的绘图功能我们讲解了线段绘制、上色、描边等方面知识点。 今天我们来讲讲矩形（Rectangle）和多边形的绘制。 矩形的绘制一共有两个口令，分别是 ctx.fillRect(x, y, width, height) 和 ctx.strokeRect(x, y, width, height) ，参数中的 x 和 y 依旧表示需绘制的矩形的起始点坐标（相对canvas原点），width 和 height表示需绘制的矩形宽高。 而 fillRec
2K20发布于 2018-07-17 - 来自专栏重庆的技术分享区
HTML5-canvas之绘制圆弧和贝塞尔曲线(3)
今天我们主要是学习如何绘制圆弧和贝塞尔曲线。 圆弧的绘制 圆弧可以理解为一个圆上的某部分线段，在canvas中，绘制一条圆弧的语法如下： 其中的 “开始角度” 和 “结束角度” 是相对360度的 顺时针 的极坐标而言的，可配合下图理解： 我们来一个例子，绘制一个圆心坐标为(80,80)，半径为40，开始角度为30度，结束角度为90度，那么可以这样绘制： 其中开始角和结束角我们分别设定为“1/6Math.PI”和“1/2Math.PI”，是因为canvas里的角度是以PI（π）为单位的，在js中写作M
2.3K20发布于 2018-07-17 - 来自专栏web前端教室
大白话-constructor
^_^） 大白话-prototype属性 html5-canvas刮刮卡-圆形刮痕视频教程
82860发布于 2018-02-06 - 来自专栏游戏杂谈
HTML5的Canvas
HTML5-Canvas 关于HTML5 Canvas的基础教程 (原文HTML5 canvas - the basics) 在一些不支持flash的设备中，如果要使用网页需要对一些图表数据进行展示，
1.6K20发布于 2019-02-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号