You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import Konva from "konva";
|
|
|
|
|
|
|
|
const title=function (width,height,title) {
|
|
|
|
const group=new Konva.Group({
|
|
|
|
x: 0,
|
|
|
|
y: 0,
|
|
|
|
width: width,
|
|
|
|
height: 20,
|
|
|
|
})
|
|
|
|
|
|
|
|
const imageObj = new Image();
|
|
|
|
imageObj.src = require('@/assets/kban/logo.png');
|
|
|
|
imageObj.onload = function () {
|
|
|
|
const shape = new Konva.Image({
|
|
|
|
x: 0,
|
|
|
|
y: 0,
|
|
|
|
width: width*0.86,
|
|
|
|
height:41,
|
|
|
|
image: imageObj,
|
|
|
|
});
|
|
|
|
group.add(shape)
|
|
|
|
}
|
|
|
|
|
|
|
|
const text=new Konva.Text({
|
|
|
|
x: 0,
|
|
|
|
y: 8,
|
|
|
|
width: width,
|
|
|
|
height: 20,
|
|
|
|
text: title,
|
|
|
|
align: 'center',
|
|
|
|
fill:'#fff',
|
|
|
|
fontSize: 32,
|
|
|
|
fontStyle:'bold'
|
|
|
|
})
|
|
|
|
group.add(text)
|
|
|
|
|
|
|
|
return group
|
|
|
|
}
|
|
|
|
|
|
|
|
export default title
|