leafer-ui
leafer-ui copied to clipboard
使用阴影spread属性为负数的时候,阴影收缩好像不居中的问题
代码:
import { App, version, Platform, Image } from 'leafer-ui'
import '@leafer-in/editor'
import '@leafer-in/viewport'
import '@leafer-in/flow'
import '@leafer-in/export'
import '@leafer-in/resize'
import '@leafer-in/state'
import '@leafer-in/text-editor'
console.log(version) // 1.5.3
// alert(version)
window.onload = () => {
const div = document.createElement('div')
div.setAttribute('id', 'window')
div.setAttribute('style', 'width:600px;height:600px;background-color;')
document.getElementsByTagName('body')[0].appendChild(div)
const leafer = new App({
view: 'window',
usePartRender: true,
zoom: {
disabled: true,
},
move: {
disabled: true,
},
pointer: {
preventDefault: false,
preventDefaultMenu: true,
},
touch: {
preventDefault: true,
},
// fill: '#eee',
tree: { type: 'design' },
})
const image = new Image({
url: 'https://images.unsplash.com/photo-1653393130405-847d93f4d8a4?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OTR8fGZsb3dlciUyMGZvcmVzdHxlbnwwfHwwfHx8MA%3D%3D',
width: 500,
height: 300,
x: 100,
y: 100,
shadow: {
x: 0,
y: 25,
blur: 20,
spread: -20,
visible: true,
color: 'rgba(0,0,0,0.99)',
box: true,
},
})
leafer.tree.addMany(image)
setTimeout(() => {
image
.export('jpg', {
blob: true,
})
.then((data) => {
if (data.data instanceof Blob) {
const url = URL.createObjectURL(data.data)
fetch(url)
}
})
}, 1000)
}
`
`
收到,我到时看看原因
不知道是不是我出现幻觉 有时候我感觉是居中的 😂
不知道是不是我出现幻觉 有时候我感觉是居中的 😂
两边的色彩轻重是会产出视觉差的