首页
AI Coding
AIDP
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
canvas
订阅
江小鱼
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
从0到1开发可视化数据大屏(上)
画布是用来放置控件,作为控件拖拽拉伸的区域限制。画布模块设置背景图片或背景色设置、控件的编排、画布比例的设置、响应式画布、全屏展示等等等。 编辑模式我们是允许可以有滚动条的出现, 但预览模式下的dashboard是用于展示,通常是不允许滚动条出现的。那这种场景我们如何实现,我理…
Three.js 动效方案
Three.js(下面简称 Three) 作为一个 3D 库,不仅减少了我们学习 OpenGL 和 WebGL 的成本,还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知,Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …
基于 HTML5 + WebGL 的太阳系 3D 展示系统
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,…
基于 HTML5 WebGL 的挖掘机 3D 可视化应用
在工业互联网以及物联网的影响下,人们对于机械的管理,机械的可视化,机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况,机械的运行轨迹,或者机械的机械动作显得尤为的重要,因为这会帮助一个不了解这个机械的小白可以直观的了解机械的运行情况,以及机械的所有可能发…
用 canvas 的 getImageData 做点有趣的事
canvas 可以实现对图像的像素操作,这就要说到 getImageData() 方法了。 CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象,用来描述 canvas 区域隐含的像素数据,这个区域通过矩形表示,起始…
基于canvas实现的高性能、跨平台的股票图表库--clchart
ClChart是一个基于canvas创建的简单、高性能和跨平台的股票数据可视化开源项目。支持PC、webApp以及React Native和Weex等平台。在React Native和Weex上完全适配开源项目GCanvas,可轻松使用GCanvas来使得您开发的应用在andr…
canvas入门实战--邀请卡生成与下载
写了很多的javascript和css3的文章,是时候写一篇canvas的了。canvas是html5提供的一个新的功能!至于作用,就是一个画布。然后画笔就是javascript。canvas的用途非常的广,特别是html5游戏以及数据可视化这两个方面。现在canvas给我的感…
面试官:canvas如何实现多张图片编辑的图片编辑器
图片编辑器虽然是图片涂鸦工具,但是在当前疫情的大背景下,该工具还可以成为老师在线修改学生提交的家庭作业的工具使用的,它可以极大地减轻了老师的批改作业的工作负担,相信这软件是有市场的。 本次不具体介绍canvas的各种操作画布的api,而且相信大家在网上能搜到大量的关于canva…
微信小程序:一个json帮你完成分享朋友圈图片
最近在做小程序,发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多,写起来也比较繁琐,也没有找到类似组件,所以就自己动手写了一个。 ... 想在手机上使用配置自己的 appid 即可。 普通绘制,绘制单张分享图。 把 components 中的 canvasdrawer 拷…
用 canvas 实现一个星级评价,并且支持 0.1 星
只要能解决这两个问题,基本就成了。 1. 如何用 canvas 画一个星星? 如上图所示,利用大小两个圆,每旋转 72 度取一个点,用 lineTo 连接最后闭合,就是一个五角星了。 2. 如何给星星填充任意比例的颜色? 看看别人怎么做的。 这是用 svg 实现的,看了下源码,…