[Vuejs]-VueJS how to set value of feColorMatrix

by

1👍

✅

You can just assign your values to a variable and update it in the Vue code

// template
<feColorMatrix id="dropshadowID" type="matrix" :values="values" result="hardAlpha"/>

<script setup>
const values = ref('0 0 0 0 1 0 0 0 0 0.233333 0 0 0 0 0.233333 0 0 0 0.25 0')
function changeDropshadow() {
    values.value = "0 0 0 0 0.233333 0 0 0 0 1 0 0 0 0 0.31 0 0 0 0.25 0"
}

</script>

Demo

👤Duannx

Leave a comment