剑客
关注科技互联网

标签:Canvas

技术教程

小程序-厕所雷达

阅读(44)评论(0)

紧急情况~ 找不到厕所? 晴天霹雳 裤衩一声? 完喽~。作为一个优秀的楼主,胖子我不仅写了代码,连广告次都想好了,哇咔咔咔~~~~ “厕所找的快,排的才痛快”。

技术教程

使用CANVAS实现交互性圆形马赛克效果

阅读(63)评论(0)

在看D3.js的时候,无意间看到了一个 例子 ,觉得很有趣,像是会分裂的圆形的马赛克。看了下代码,发现是使用svg完成的,但是具体实现方式使得在手机端无法把玩,于是就自己实现了一个canvas版本的。代码很简单,canvas初学者可以自己试...

技术教程

如何制作水球动画图?

阅读(92)评论(0)

在 echart 的 issure 上看到有人有水球百分比可视图的需求, 并且在 pull-request 上看到有人有类似实现,但是却感觉实现的并不完美,于是想自己尝试实现。

技术教程

HTML5 canvas截图

阅读(79)评论(0)

上周遇到一个问题,是前端如何实现页面截图,第一反应就是响起了canvas,经过试验和总结,发现使用canvas可以实现屏幕截图,但是其实用性尚有局限,现进行阐述。

技术教程

node-canvas 中文乱码

阅读(61)评论(0)

因为有小伙伴说使用 node-canvas 中文乱码,使用上一篇的方法也没能解决,于是我又上网找了一下,发现了这篇文章: Nodejs图片编辑和中文乱码

技术教程

怎样实现前端裁剪上传图片功能

阅读(127)评论(0)

由于前端是不能直接操作本地文件的,要么通过 <input type="file"> 用户点击选择文件或者拖拽的方式,要么使用flash等第三方的控件,但flash日渐衰落,所以使用flash还是不提倡的。同时...

公开课

Echarts3.0入门基础与实战

阅读(457)评论(0)

简介:Echarts是国人开发的基于canvas的可视化库,以api设计优雅,效果酷炫等优点,越来越受广大前端开发者喜爱,本课主要介绍echarts的入门使用,并配套详细的代码,后面通过实战小项目再次加深对echarts的理解,并且掌握ec...

技术教程

讲一讲 Canvas 究竟是个啥

阅读(85)评论(0)

HTML5 的标准已经出来好久了,但是似乎其中的 Canvas 现在并没有在太多的地方用到。一个很重要的原因是,Canvas 的标准还没有完全确定,不适合大规模用在生产环境。但是,Canvas 的优点也是很明显的,例如在绘制含有大量元素的图...

技术教程

canvas转存为图片

阅读(89)评论(0)

有时候,我们绘制好的canvas想存储为本地图片,该怎么做呢?canvas提供了一个重要的方法toDataURL(),这个方法能把画布里的图案转变成base64编码格式的png或者其他格式的图片(根据你传入的mine类型的参数),然后返回 ...