canvas
文章平均质量分 65
笑道三千
我今年两岁半了,学编程还来不来得及????
展开
-
微信小程序canvas开发的一些坑和总结-持续更新
当canvas重新渲染时,canvas中的内容全部都会被清空。解决 popup弹出后,不要马上绘制,需要等待popup中的canvas渲染完成后,在调用canvas取绘制就好了!这是因为新版的canvas绘制是同步的,而canvas的初始化又是异步的,这就导致popup弹窗我们用v-if来创建时,就会发生这个问题.也就是放置在nextTick中,等canvas初始化完成后再绘制即可.第一步是html中修改。原创 2024-02-21 11:17:53 · 695 阅读 · 0 评论 -
canvas学习笔记
当我们在画画前,要做的事情是不是选择一款合适的画笔(当我们没有选择时,canvas会提供默认的)?canvas对象有一系列的属性,来定义该画笔的形态.绘图状态是canvas中非常重要的一个概念,每次画图,都是基于当前的绘图状态,类比于ps中的画笔加图层.图形上下文对象(CanvasRenderingContext2D)的当前属性值属性:fillStylelineWidthlineCaplineJoinmiterLimitshadowBlurfonttextAligndirection当前变形。原创 2024-02-05 09:53:38 · 947 阅读 · 0 评论 -
canvas画笔功能的实现
对canvas的封装,这里是我自己写的,主要实现就是在this.canvas.add(paintBrush)的时候,能够执行paintBrush的render,从而绘制图案罢了.到目前为止,已经能简单绘制图案了,其实思路很简单,就是先用moveTo到第一个起点,然后后续的点都使用lineTo来绘制.现在的线段,其实是一段段小的折线,并不美观,我需要的是曲线的连接,这里我采用的是二次贝塞尔曲线连接.上文使用tochmove来采集点,太多了,性能很差,我们可以根据采集点的距离来筛选一些有效的点.原创 2024-01-23 16:14:51 · 529 阅读 · 0 评论