前段时间在做项目的裁剪并上传图像功能的时候，发现裁剪后展示的图像比较模糊，之后去百度上搜索了一下，看到有一个解决方案是设置canvas的宽高为css宽高的3倍，使用后感觉效果很好，当时就没管原理接着做功能去了。 在昨天，我想试试做一个鼠标划入图片，图片已鼠标为中心，部分区域放大的demo（类似淘宝商 ...
分类：
其他好文 时间：
2019-12-10 10:27:42
阅读次数：
132
今天看了H5的canvas，练习使用下。待完善。。。 class Clock { constructor(canvas) { this.canvas = canvas; } draw() { let ctx = this.canvas.getContext("2d"); ctx.setDefault ...
分类：
其他好文 时间：
2019-12-09 01:09:25
阅读次数：
81
ECharts是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 提供大量常用的数据可视化图表，底层基于ZRender(一个全新的轻量级canvas类库)，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图( ...
分类：
其他好文 时间：
2019-12-08 17:27:14
阅读次数：
106
这个博客写了好多前端的知识，有如下内容 "链接" ( ^▽^ )( ^▽^ )( ^▽^ ) "html" "css" "JavaScript" "jQuery" "ajax" "canvas" "nodejs" "mysql" "mongodb" "angular" 还有一些数据结构的知识和pyt ...
分类：
其他好文 时间：
2019-12-07 14:29:35
阅读次数：
68
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported 1：背景 最近在做一个图片内容识别的项目，采用的是阿里巴巴的付费接口。大 ...
分类：
其他好文 时间：
2019-12-03 20:09:53
阅读次数：
117
一直感觉canvas很神奇很有趣，趁最近项目少，拿前端之前做的一个静态项目试了下水深，个中的经验和体会记录如下。1一、横竖屏转换1、canvas样式#canvas { width: 100%; height: 100%; top: 0; left: 0; display: block;}123456 ...
分类：
Web程序 时间：
2019-12-03 18:01:09
阅读次数：
178
偶然发现PolygonCollider2D的方法OverlapPoint()有时会失效（一直返回false），测试后发现在scale（这里指世界空间的scale，后同）很小的情况下（通常在UI Canvas设置RenderMode为ScreenSpace Camera时），OverlapPoint( ...
分类：
移动开发 时间：
2019-12-02 19:07:22
阅读次数：
146
首先，当我们在页面上初始化canvas时，相当于在上面放了一块画布，这块画布我们可以理解为上面有一个坐标系(如下图)，左上角是原点，往右是X轴的正方向，往下是Y轴的正方向，我们在画布上绘制的内容都是基于这个坐标系完成，但是有时候我们需要对绘制的内容进行调整，例如将上面的一个图形旋转某个角度，或者在画 ...
分类：
Web程序 时间：
2019-11-30 21:22:48
阅读次数：
146
前言 上篇主要是理论的概述，本篇会多些实践，来讲讲canvas的基础用法，并包含一些基础三角函数的应用，推荐没有canvas基础的朋友阅读，熟悉的朋友可以跳过。 本人能力有限，欢迎牛人共同讨论，批评指正。 一起来画画吧 canvas的API有很多，如果一一列举30分钟你是绝对看不完的，而且怎么流水账 ...
分类：
其他好文 时间：
2019-11-30 21:16:48
阅读次数：
164
前言 本篇主要讲解关于计算机颜色系统的概念，后续结合一些canvas的应用。因为是“你不知道也没关系”的边缘知识，所以作为本系列教程的扩展，没有兴趣的同学可以跳过。 开始我们万紫千红的故事吧！ 本人能力有限，欢迎牛人共同讨论，批评指正。 先从老朋友CSS讲起 我们熟悉的CSS风格颜色表示方式，大体有 ...
分类：
其他好文 时间：
2019-11-30 21:07:07
阅读次数：
112
