konva实现双击编辑富文本

2022-08-21 14:34:50 浏览数 (1)

完整代码放到了:https://gitee.com/VampireAchao/simple-konva-html

主要是这个文件

https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html

思路来源:https://konvajs.org/docs/sandbox/Rich_Text.html

主要思路:

1.双击时创建(我这里是隐藏显示再定位)富文本dom节点

2.通过htmlToCanvas转换htmlcanvas

3.使用Konva.Image渲染

效果还是蛮不错的,能做polotno的类似案例

0 人点赞