【canvas 实例汇总】
代码片段积累,各种实例汇总
Hey_Coder
业精于勤,荒于嬉;行成于思,毁于随。
展开
-
【利用a 超链接 download 属性,把 canvas图形 下载保存】
使用 a- `download` 下载 属性,将 `<canvas>` 画布里的图形 保存为 PNG 格式原创 2019-05-26 10:44:01 · 485 阅读 · 0 评论 -
【canvas 动态时钟】
画一个动态时钟,显示 当前时间<!DOCTYPE html><html> <body> <canvas id="canvas" width="350" height="350" style="border:1px solid"> Your browser does not support the canvas element....原创 2019-05-22 22:27:49 · 266 阅读 · 0 评论 -
【canvas 会动的小球】
1.画一个填充的小球2.让小球动起来 (让这个填充圆形 动起来)3. 让小球不超出画布的边界4. 让小球在最下面的边界 弹跳5.给小球画尾巴6.让小球的移动,跟随鼠标移动的位置,单击后,释放小球原创 2019-05-22 22:29:09 · 1018 阅读 · 0 评论 -
【canvas 太阳系的动画】
使用 canvas 标签,制作 模拟 太阳系的动画原创 2019-05-22 22:43:07 · 1568 阅读 · 2 评论 -
【✘:canvas 颜色选择器(有bug待解决)】
颜色选择器使用getImageData()去展示 鼠标光标下的颜色。当前鼠标的位置: 为layerX和layerY查询像素数据: getImageData()给我们提供的 在那个位置的 像素数组 里面的像素数据。使用数组数据设置颜色: 去设置背景颜色和<div>的文字去展示颜色值。<!DOCTYPE html><html> <bo...原创 2019-05-23 21:23:29 · 302 阅读 · 0 评论