健康导图
怎样让脑子更好使?
睡觉是补养气血最有效的途径
分解/命名/编码+全局/公共/末梢
变量命名习惯
解决*.github.io的网站都打不开
小团队开发规范(草稿)
业务实现
流程图
Front-end
阅读类库代码dump()
HTML+CSS
es6
vue. js
vue-ydui
HeyUI Admin
fabric.js
canvas对象的属性与方法
fabric.Text的prototype
fabric.Image的prototype
整体改变画布尺寸的实现
画布对象的缩放(画布尺寸不变)
对象控制点自定义
增加自定义对象属性
查找对象/选中对象/删除对象
在指定对象范围内移动
海报编辑功能
多个对象移动绑定
new fabric.Text()
fabric.Path + 获取fb对象在画布中的矩形边界
canvas画布的缩放转换
填充的种类 fill
文字效果Fill,Stroke,Shadow
subclass 子类
zGroup
Back-end
devtools

天下无坑

天下无坑


canvas对象的属性与方法

<p><a href="http://www.321332211.com/thread?topicId=270" title="来源">来源</a></p> <h4>常用属性</h4> <p>canvas.isDrawingMode = true; 可以自由绘制 canvas.selectable = false; 控件不能被选择,不会被操作 canvas.selection = true; 画板显示选中 canvas.skipTargetFind = true; 整个画板元素不能被选中 canvas.freeDrawingBrush.color = &quot;#E34F51&quot; 设置自由绘画笔的颜色 freeDrawingBrush.width 自由绘笔触宽度 canvas.setZoom(2); 设置画板缩放比例 </p> <h4>方法</h4> <p>add(object) 添加 insertAt(object,index) 添加 remove(object) 移除 forEachObject 循环遍历<br /> getObjects() 获取所有对象 item(int) 获取子项 isEmpty() 判断是否空画板 size() 画板元素个数 contains(object) 查询是否包含某个元素 fabric.util.cos fabric.util.sin fabric.util.drawDashedLine 绘制虚线 getWidth() setWidth() getHeight()? clear() 清空 renderAll() 重绘 requestRenderAll() 请求重新渲染 rendercanvas() 重绘画板? getCenter().top/left 获取中心坐标 toDatalessJSON() 画板信息序列化成最小的json toJSON() 画板信息序列化成json moveTo(object,index) 移动? dispose() 释放? setCursor() 设置手势图标 getSelectionContext()获取选中的context getSelectionElement()获取选中的元素 getActiveObject() 获取选中的对象 getActiveObjects() 获取选中的多个对象 discardActiveObject()取消当前选中对象<br /> isType() 图片的类型? setColor(color) = canvas.set(&quot;full&quot;,&quot;&quot;); rotate() 设置旋转角度 setCoords() 设置坐标 </p> <h4>事件</h4> <p>object:added object:removed object:modified object:rotating object:scaling object:moving object:selected 这个方法v2已经废弃,使用selection:created替代,多选不会触发 before:selection:cleared selection:cleared selection:updated selection:created path:created mouse:down mouse:move mouse:up mouse:over mouse:out mouse:dblclick </p>

页面列表

ITEM_HTML