[Feature] 增加一鍵清空頭部和水平鏡像更多頭部的選擇 #3

fz6m · 2020-06-29T03:14:18Z

App.svelte ：

<div class="flex-row d-flex justify-content-center my-3">
      <div class="col text-center">
        <button class='btn btn-outline-secondary' on:click={restart}>
          清空頭部
        </button>
      </div>

      <div class="col text-center"> 
        <button class='btn btn-outline-secondary' on:click={reverse}>
          水平鏡像
        </button>
      </div>
</div>

let flip = false

function restart() {
    heads = []
}

function reverse() {
    flip = !flip
    let nodes = document.getElementsByClassName('add-head-button')
    for(let element of nodes) {
      if(flip) {
        element.style.transform = 'rotateY(180deg)'
      } else {
        element.style.transform = ''
      }
    };
}

{#each heads as head (head.id)}
      <Head {canvas} {head} {flip}/>
{/each}

Head.svelte：

export let canvas, head, flip

fabricImage = new fabric.Image(image, {
        rotatingPointOffset: 15,
        cornerStyle: 'circle',
        cornerColor: 'red',
        transparentCorners: false,
        borderColor: 'red',
        scaleX: scale,
        scaleY: scale,
        flipX: flip
      })

ayamomiji · 2020-06-29T20:56:37Z

👍
下次可以嘗試使用 pull request 提交

ayamomiji added a commit that referenced this issue Jun 29, 2020

merge from #3, thanks @fz6m

2cef0d9

ayamomiji closed this as completed Jun 29, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feature] 增加一鍵清空頭部和水平鏡像更多頭部的選擇 #3

[Feature] 增加一鍵清空頭部和水平鏡像更多頭部的選擇 #3

fz6m commented Jun 29, 2020

ayamomiji commented Jun 29, 2020

[Feature] 增加一鍵 清空頭部 和 水平鏡像 更多頭部的選擇 #3

[Feature] 增加一鍵 清空頭部 和 水平鏡像 更多頭部的選擇 #3

Comments

fz6m commented Jun 29, 2020

ayamomiji commented Jun 29, 2020

[Feature] 增加一鍵清空頭部和水平鏡像更多頭部的選擇 #3

[Feature] 增加一鍵清空頭部和水平鏡像更多頭部的選擇 #3