canvas应用
weixin_37989623
这个作者很懒,什么都没留下…
展开
-
图片水平、垂直翻转
最近有个需求需要实现图片的水平、垂直翻转功能,开发完之后感觉挺有意思的,就来总结一下css实现图片翻转功能利用css动画属性rotate旋转来实现:水平翻转:transform: rotateY(180deg); /* 水平镜像翻转 */垂直翻转:transform: rotateX(180deg); /* 垂直镜像翻转 */这里rotateY(180deg) 表示元素...原创 2020-04-12 20:03:55 · 2328 阅读 · 0 评论 -
canvas实现涂鸦功能
本文主要实现了canvas涂鸦功能,包括涂鸦,前进后退、清除画布以及画笔大小修改。实现思路主要是监听鼠标按下、移动、松开事件,将鼠标按下的值赋值给moveTo的x和y值,作为起始位置。在移动事件中,将鼠标距离可视区x和y值赋给lineTo,再将路径闭合即可。canvas 涂鸦API及属性ctx.beginPath(): 开始一条路径,或重置当前的路径ctx.moveTo(x,y): 把...原创 2020-03-24 22:19:50 · 1089 阅读 · 0 评论