leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

使用阴影spread属性为负数的时候,阴影收缩好像不居中的问题

Open mozbia opened this issue 7 months ago • 3 comments

代码:


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)
}

`

Image

`

mozbia avatar May 19 '25 03:05 mozbia

收到,我到时看看原因

leaferjs avatar May 19 '25 06:05 leaferjs

不知道是不是我出现幻觉 有时候我感觉是居中的 😂

mozbia avatar May 19 '25 14:05 mozbia

不知道是不是我出现幻觉 有时候我感觉是居中的 😂

两边的色彩轻重是会产出视觉差的

leaferjs avatar May 20 '25 01:05 leaferjs