恢复内容开始 由于各种大大小小的原因，自己最近经历了一些面试，其中有一个面试题是这样的，使用canvas怎样压缩图片大小 这道题给我问蒙了，因为我没用过canvas压缩图片 回去查资料，发现手机端在上传图片的时候，调起相机拍照的时候超过2m了，所以用到canvas压缩，优化用户体验 解决方法： 1. ...
分类：
其他好文 时间：
2020-03-27 13:04:09
阅读次数：
63
微信小程序开发 地图map组件上使用input组件 标签： 微信小程序 uni app 原生组件层级关系 微信小程序在最高层级 在微信小程序中原生组件包括camera canvas input（仅在focus时表现为原生组件） live player live pusher map textarea ...
分类：
微信 时间：
2020-03-27 12:38:07
阅读次数：
311
title: Canvas基础 date: 2016-11-09 tags: HTML5 0x00 Canvas 使用 Canvas 元素必须为其设置宽度和高度属性，指定可以绘制区域的大小。如果不添加任何样式或者不绘制任何图形，那么是看不到该元素的。 但是若是通过 CSS 样式来为其设置宽高属性的话 ...
分类：
其他好文 时间：
2020-03-26 10:40:22
阅读次数：
80
在看D3.js的时候，无意间看到了一个例子，觉得很有趣，像是会分裂的圆形马赛克。看了下代码，使用svg完成的，但是具体实现方式使得在手机端无法把玩，于是就自己实现了一个canvas版本的。代码很简单，canvas初学者可以自己试试当做练笔，还是挺有趣的一个效果。 Online Demo online ...
分类：
其他好文 时间：
2020-03-25 13:51:54
阅读次数：
118
HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 get ...
分类：
其他好文 时间：
2020-03-24 23:41:27
阅读次数：
134
HTML5 内联 SVG 什么是SVG？ SVG 指 可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于 的图形 SVG 使用 XML 格式 定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 ...
分类：
Web程序 时间：
2020-03-23 12:41:10
阅读次数：
87
一款浏览器拍照工具，兼容支持 canvas（理论是 IE9）以上。 现在浏览器基于 封装。 不支持 浏览器使用第三方组件 "jquery webcam" 可见： "Demo" 使用 属性 | 名称 | 类型 | 说明 | 默认值 | | | | | | | el | string / HTMLEle ...
分类：
Web程序 时间：
2020-03-22 18:08:51
阅读次数：
98
Canvas是一个可以使用脚本(通常是JavaScript )来绘制图形的HTML元素， <canvas> 元素的基本语法结构是： <canvas width="宽度" height="高度" id="ID"> </canvas> canvas的属性： （1）width： //获取宽度 variab ...
分类：
其他好文 时间：
2020-03-20 21:59:49
阅读次数：
112
版本号 2018.3.5 2018.4.1 public class test : MonoBehaviour{ public Canvas canvas; void Start() { AssetBundle asset = AssetBundle.LoadFromFile("Assets/Sce ...
分类：
编程语言 时间：
2020-03-20 12:42:16
阅读次数：
140
1、HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。 ...
分类：
其他好文 时间：
2020-03-20 10:53:28
阅读次数：
66
