根据产品需求,进行Canvas的轨迹进行回放,以上代码仅为回放demo,实际需求中需要考虑在图片上绘制,并且图片可以进行分页,图片互相切换时,需要保存对应图片上的 canvas轨迹,并且将数据提交到服务器,在客户端进行请求的时候,可以根据记录的数据信息,还原canvas操作过程。
mazhaohai / play-h5-canvas Goto Github PK
View Code? Open in Web Editor NEWH5 Canvas轨迹回放
H5 Canvas轨迹回放
我的需求的是点击播放按钮开始回放轨迹,暂停就停止回放。再点击播放的话时间不是接着上一次停止的时间继续播放的。var deltatime = (new Date()).getTime() - self.startplay;这句代码没看明白是什么意思。
您好,我最近也有一个类似的需求,只是需要能对线条的粗细和颜色进行调节。我想了解一下,我可以把绘制的轨迹和一些颜色以及线条粗细的信息存储到数据库中,轨迹回放的时候从数据库中取出数据再进行回放,这样的效果可以实现吗?
var deltatime = (new Date()).getTime() - self.startplay;这句代码没有看懂是什么意思??
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.