首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
canvas
订阅
金刚小仓
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
H5基于canvas实现电子签名并生成PDF文档
电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式的签名,其作用类似于纸质合同上的手写签名或加盖的公章。虽然电子签名多年来合法性一直遭到质疑,但其在企业工作流审批、请柬、单据保全等场景应用广泛,最近的项目中就有这样一个手写签名并生成PDF文件的需求。 1. 在tsx中…
如何使用cesium加载3D模型
高德地图不给力,加载大型复杂的建筑模型性能不佳,只能找到专业做3D地图的厂子cesium寻求理想的技术方案。 前后花了2天时间,终于实现了卫星地球加3D模型的顺滑效果,另外使用cesium突破了高德地图缩放尺度(最高到18)的限制,进入到街景的角度看到更多细节。然而cesium…
canvas 奇巧淫技(二)绘制箭头路径效果
前几天有很多人问到了如何绘制高德地图那样的导航箭头线效果,当时想了想并不难就先用canvas 做了,然后集成到mapbox 上,迁移到其他map lib 也只需要应用相应的地理转屏幕坐标函数。 在canvas 的应用中我们经常会遇到各种线样式的绘制,比如虚线,渐变线,带patt…
canvas进阶——如何画出平滑的曲线?
相信大家平时在学习canvas 或 项目开发中使用canvas的时候应该都遇到过这样的需求:实现一个可以书写的画板小工具。 通过以上几个步骤我们就可以实现基本的画板功能了,然而事情并没那么简单,仔细的童鞋也许会发现一个很严重的问题——通过这种方式画出来的线条存在锯齿,不够平滑,…
类似淘票票 选座功能(svg)
详细效果可以去demo那体验一下,建议用手机端体验。 座位分布图的SVG是UI画好后导出来,并且通过后端接口返回整个SVG标签以及里面的内容。 前端只要发请求获得SVG并且插入就好了。插入后需要将已订购的座位置黑,无法选择。 hammerjs是一个手势库,提供了tap, dou…
canvas核心技术-如何实现简单动画
这篇是学习和回顾canvas系列笔记的第四篇,完整笔记详见:canvas核心技术。 在前面几篇中,我们回顾了在canvas中绘制线段,图形,图片等基本功能,当在制作2d游戏或者更为丰富的图表库时,必须提供强大的动画功能。canvas本身不提供像css中animation属性专门…
水波图实现原理
在项目中自己使用 Canvas 实现了一下水波图,在这里给大家分享一下它的实现原理。 一开始看到波浪,可能不知道从何入手,我们来看看波浪的特征就会有灵感了。 没错,有人肯定会想到,就是 正余弦曲线!对于波陡很小的波动,一般选择正弦或余弦的曲线来表示波形,这是最简单而又最接近实际…
Three.js 初探 - 微场景制作
最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择,结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图来建模。 我在网上找到一张自己喜欢的风格的建筑图做参考,明确自己大概要实现的效果,但结果不一定要一模一样。…
用 canvas 的 getImageData 做点有趣的事
canvas 可以实现对图像的像素操作,这就要说到 getImageData() 方法了。 CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象,用来描述 canvas 区域隐含的像素数据,这个区域通过矩形表示,起始…