open/PainterCore
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暴露样式

Browse Source
This commit is contained in:
CPPAlien 2019-11-22 09:45:29 +08:00
parent 9649ba1226
commit e4b6c11e12
1 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
painter.js
View File

@ -7,7 +7,7 @@ const downloader = new Downloader();
// 最大尝试的绘制次数 // 最大尝试的绘制次数
const MAX_PAINT_COUNT = 5; const MAX_PAINT_COUNT = 5;
const ACTION_DEFAULT_SIZE = 10; const ACTION_DEFAULT_SIZE = 24;
const ACTION_OFFSET = '2rpx'; const ACTION_OFFSET = '2rpx';
Component({ Component({
canvasWidthInPx: 0, canvasWidthInPx: 0,
@ -115,18 +115,28 @@ Component({
return boxArea return boxArea
}, },
getScaleIcon(rect, type) { getScaleIcon(rect, type) {
let scaleArea = {} let scaleArea = {}
if (this.properties.customActionStyle && this.properties.customActionStyle.scale) { const {
scaleArea = this.properties.customActionStyle.scale customActionStyle
} = this.properties
if (customActionStyle && customActionStyle.scale) {
scaleArea = {
type: 'image',
url: type === 'text' ? customActionStyle.scale.textIcon : customActionStyle.scale.imageIcon,
css: {
height: `${2 * ACTION_DEFAULT_SIZE}rpx`,
width: `${2 * ACTION_DEFAULT_SIZE}rpx`,
borderRadius: `${ACTION_DEFAULT_SIZE}rpx`,
}
}
} else { } else {
scaleArea = { scaleArea = {
type: 'rect', type: 'rect',
css: { css: {
height: `${2 * ACTION_DEFAULT_SIZE}px`, height: `${2 * ACTION_DEFAULT_SIZE}rpx`,
width: `${2 * ACTION_DEFAULT_SIZE}px`, width: `${2 * ACTION_DEFAULT_SIZE}rpx`,
borderRadius: `${ACTION_DEFAULT_SIZE}px`, borderRadius: `${ACTION_DEFAULT_SIZE}rpx`,
color: '#0000ff', color: '#0000ff',
} }
} }
@ -144,15 +154,26 @@ Component({
getDeleteIcon(rect) { getDeleteIcon(rect) {
let deleteArea = {} let deleteArea = {}
if (this.properties.customActionStyle && this.properties.customActionStyle.delete) { const {
deleteArea = this.properties.customActionStyle.delete customActionStyle
} = this.properties
if (customActionStyle && customActionStyle.scale) {
deleteArea = {
type: 'image',
url: customActionStyle.delete.icon,
css: {
height: `${2 * ACTION_DEFAULT_SIZE}rpx`,
width: `${2 * ACTION_DEFAULT_SIZE}rpx`,
borderRadius: `${ACTION_DEFAULT_SIZE}rpx`,
}
}
} else { } else {
deleteArea = { deleteArea = {
type: 'rect', type: 'rect',
css: { css: {
height: `${2 * ACTION_DEFAULT_SIZE}px`, height: `${2 * ACTION_DEFAULT_SIZE}rpx`,
width: `${2 * ACTION_DEFAULT_SIZE}px`, width: `${2 * ACTION_DEFAULT_SIZE}rpx`,
borderRadius: `${ACTION_DEFAULT_SIZE}px`, borderRadius: `${ACTION_DEFAULT_SIZE}rpx`,
color: '#0000ff', color: '#0000ff',
} }
} }
@ -210,6 +231,7 @@ Component({
height: this.currentPalette.height, height: this.currentPalette.height,
views: this.isEmpty(doView) ? [] : [doView] views: this.isEmpty(doView) ? [] : [doView]
} }
const pen = new Pen(this.globalContext, draw); const pen = new Pen(this.globalContext, draw);
if (isMoving && this.currentPalette.views[0].type === 'text') { if (isMoving && this.currentPalette.views[0].type === 'text') {
pen.paint(callback, true, this.movingCache); pen.paint(callback, true, this.movingCache);