• Из-за обновления GTA 5 (был добавлен новый патч) может временно не работать вход в RAGE Multiplayer.

    ERROR: Your game version is not supported by RAGE Multiplayer.

    Данная ошибка говорит о том, что GTA V обновилась до новой версии (GTA Online тоже). Вам необходимо обновить саму игру в главном меню вашего приложения (Steam / Epic Games / Rockstar Games).
    Если после этого RAGE:MP все равно не работает - вам нужно дождаться выхода патча для самого мультиплеера (обычно это занимает от нескольких часов до нескольких дней).

    Новости и апдейты Rockstar Games - https://www.rockstargames.com/ru/newswire/
    Статус всех служб для Rockstar Games Launcher и поддерживаемых игр: https://support.rockstargames.com/ru/servicestatus


    Grand Theft Auto 5 (+ GTA Online) последний раз были обновлены:

Вопрос как расчитать формулу прогресса для спидометра?

Статус
В этой теме нельзя размещать новые ответы.

chopix

Активный участник
Автор темы
6 Июн 2022
4
0
41
всем привет, есть спидометр в виде полукрулого прогресс бара, как расчитать формулу stroke-dashoffset для него?


HTML:
<template>
    <svg width="290" height="220" xmlns="http://www.w3.org/2000/svg" fill="none">
        <path class="grey" d="m25.47986,206.1125a136.767,129.8702 0 1 1 239.4794,-1.6251" fill="none"/>
        <path :style='{strokeDashoffset: 838 - (props.progress / props.maxProgress * 120) * 3.45}' id="blue" fill="none" class="blue" d="m25.47986,206.1125a136.767,129.8702 0 1 1 239.4794,-1.6251"/>
    </svg>
</template>

<script setup lang='ts'>

const props = defineProps({
    progress: {
        type: Number,
        required: true
    },
    maxProgress: {
        type: Number,
        required: true,
    }
})


</script>

<style scoped lang='scss'>
svg {
    background: radial-gradient(46.14% 46.14% at 50% 50%, rgba(0, 0, 0, 0.6) 52.27%, rgba(0, 0, 0, 0) 100%);
}


path {
    stroke-linecap: round;
    stroke-width: 8;
}

path.grey {
    stroke: rgba(0, 0, 0, 0.5);
}

path.blue {
    stroke: #FFC01D;
    stroke-dasharray: 838;
}


</style>

Screenshot_100.png
 

Dreven

Активный участник
25 Янв 2022
16
4
41
Код:
path.blue {
    stroke: #FFC01D;
stroke-dasharray: 838;
stroke-dashoffset: 838/75*50
}
75 количество процентов круга которые мы делим
где 50 это количество процентов

(100 полный круг, примерно 25 процентов у тебя снизу спрятано, поэтому взял 75)

это мем какой-то спрашивать школьную программу?
 
Последнее редактирование:

Amazingevich

Гуру
27 Апр 2021
662
486
124
это мем какой-то спрашивать школьную программу?
Это норма для этого форума. Он хотяб нормально свой вопрос задал, в отличии от большинства подобных тем на форуме)
 

chopix

Активный участник
Автор темы
6 Июн 2022
4
0
41
Код:
path.blue {
    stroke: #FFC01D;
stroke-dasharray: 838;
stroke-dashoffset: 838/75*50
}
75 количество процентов круга которые мы делим
где 50 это количество процентов

(100 полный круг, примерно 25 процентов у тебя снизу спрятано, поэтому взял 75)

это мем какой-то спрашивать школьную программу?
очень круто, только формула то не работает эта, но зато надо обязательно указать что это школьная программа =)
 

Dreven

Активный участник
25 Янв 2022
16
4
41
очень круто, только формула то не работает эта, но зато надо обязательно указать что это школьная программа =)
Математика не работает? Такое возможно? Это типо как?
И да, вычисления процентов с числа это действительно школьная программа, что могло поменяться с тех пор что умножение и деление перестало работать?
Добавить calc пробовал не?
1675329135491.png
 
Последнее редактирование:
  • Like
Реакции: Amazingevich
Статус
В этой теме нельзя размещать новые ответы.