• Не маштабируется svg в clip-path?

    Astrolit
    @Astrolit Автор вопроса
    Я нашел на просторах скролинг увеличивающий маску, но нужно не при скролинге а по факту открытия на разных устройствах :
    <html >
    <head>
        <style>
            html, body {
    		backgraund: #000;
      position: relative;
      margin: 0;
      height: 1500px;
    }
    
    .container {
      position: fixed;
      left:0;
      top:0;
    }
    
    #myVideo {
      width: 100vw;
    }
    
    .overlay {
      display: block;
      position: absolute;
      left:0px;
      width: 100%;
      height: 100%;
      top: 0;
    }
        </style>
    
    </head>
    <body>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
    <p class="txt" style="font-size:24px; color:dodgerblue; text-align:center"> Scroll </p> 
    <div class="container">
    
      <div class="bottom-menu bottom-menu-336" id="myVideo">
       <ul >
                  <li class="menu-item bottom-menu-item bottom-menu-item-3">
                          <a href="https://"><span class="links-text">Заказы</span></a>
                      </li>
                  <li class="menu-item bottom-menu-item bottom-menu-item-4">
                          <a href="https://#.#/#"><span class="links-text">Избраное</span></a>
                      </li>
                  <li class="menu-item bottom-menu-item bottom-menu-item-6 active">
                          <a href="https://#.#/#"><span class="links-text"><img src="https://i.pinimg.com/originals/c3/02/04/c30204f957f4fe37edbab59c0942444e.jpg" class="m_avatar"><br><s>день добрый
                          </s>user</span></a>
                      </li>
                  <li class="menu-item bottom-menu-item bottom-menu-item-7">
                          <a href="https://#.#/#"><span class="links-text">Contact</span></a>
                      </li>
                  <li class="menu-item bottom-menu-item bottom-menu-item-8">
                          <a href="https://#.#/#"><span class="links-text">Выход</span></a>
                      </li>
              </ul>
    		  </div>
    
      <svg class="overlay" viewBox="0 0 100vw 100vh" preserveAspectRatio="xMidYMid slice">
        <defs>
          <mask id="knockout" maskContentUnits="objectBoundingBox">
            <rect x="0" y="0" width="1" height="1" fill="white"></rect>
            <g fill="black" data-0="transform: translate(0.5px,0.5px) scale(0.0003) translate(-49px,-49px);" data-250p="transform: translate(0.5px,0.5px) scale(0.04) translate(-49px,-49px);" style="transform: translate(0.5px, 0.5px) scale(0.0003) translate(-49px, -49px);" class="skrollable skrollable-between">
              <path fill="black" fill-opacity="0.549020" d="M0 81.99l0 -54.18 197.77 0c6.94,-0.23 11.28,-1.66 13.74,-8.95 8.53,-25.15 48.45,-25.15 56.98,0 2.46,7.29 6.8,8.72 13.74,8.95l197.77 0 0 54.18 -480 0z"/>
             
            </g>
          </mask>
        </defs>
        <rect x="0" y="0" width="100vw" height="100vh" fill="gray" mask="url(#knockout)"></rect>
      </svg>
    
    </div>
    <script>
    $(document).ready(function() {
      var s = skrollr.init();
      constants: {
        
        knockout: '250p'
      }
    })
    </script>
    </body>
    </html>
  • Не маштабируется svg в clip-path?

    Astrolit
    @Astrolit Автор вопроса
    ksnk, благодарен за решение, но все же не уверен что прямо так, "clip-path никак не масштабируется"!? Предположу что возможен некий js скрипт, что передает переменые в 'patch' c учетом ширины vw? также интересен параметр maskContentUnits="objectBoundingBox" , но пока иследую
  • Не маштабируется svg в clip-path?

    Astrolit
    @Astrolit Автор вопроса
    Может каким то образом указать проценты в
    <path fill="black" fill-opacity="0.549020" d="M0 81.99l0 -54.18 457.77 0c6.94,-0.23 11.28,-1.66 13.74,-8.95 8.53,-25.15 48.45,-25.15 56.98,0 2.46,7.29 6.8,8.72 13.74,8.95l457.77 0 0 54.18 -1000 0z"></path>
    ?
  • Передать массив из файла php в файл js?

    Astrolit
    @Astrolit Автор вопроса
    ajax выручил, правда я намучился с передачей строковой последовательности как массива, но потом все же удалось передать массив. Спасибо ajax решение
  • Обновлять базу данными, затирая первые старые данные?

    Astrolit
    @Astrolit Автор вопроса
    вопрос решил 20.02.2023 (это важно) залил базу в 1095 записей , запрос занял 3 минуты! Далее написал еще php один скрипт, при выполнении которого - он добавляет 3 новые позиции и удаляет 3 первые ) . И отравил его в cron, с запуском раз в день, в результате у меня постоянная таблица на 1095 записей всегда, где приличествуют данные за 365 дней от текущей даты! Была проблема с удалением первых трех и вычисления, но оказалась простая математическая последовательность )
    в результате как то так
    date_default_timezone_set(".../...");//часовой пояс для сервера
    $newdate=date('d.m.Y'); 
    $datestamp = date('20.02.2023'); //от чего считаем
     
    include(dirname(dirname(__FILE__)).'/config.php');
    $vl="";
    // Коннектикут в базИ
    $conn = new mysqli(DB_HOSTNAME, DB_USERNAME, DB_PASSWORD, DB_DATABASE);
    // Check connection
    if ($conn->connect_error) {
      die("Connection failed: " . $conn->connect_error);
    }
     
    $x = ["синий", "красный", "прекрасный"];
                                 foreach ($x as $vl) {
                                  $Value[$vl] = цена красивого ;
                                  $Value["Code$vl"] =код красивого ;
                                  
                           //добавляем
                                  $sql = "INSERT INTO tablicka  SET  code = '" .$Value["Code$vl"]. "',
                                  value = '" . $Value[$vl] . "',
                                  date_modified = '" . date("d.m.Y", strtotime($newdate) ) . "' " ;
                                  if ($conn->query($sql) === TRUE) { 
     
                                 } else {
                                  echo "Error updating record: " . $conn->error;
                                       }        
                        }
                      //удаляем ^-^
    $xday = ($newdate-$datestamp);
    $x=(3*$xday)-2;
    for ( $i = $x;  $i < ($x+3); $i++){
                                 $sql = "DELETE FROM tablicka WHERE key_id = '".$i."'  ";
     
                                  if (mysqli_query($conn, $sql)) {
                               
                                 } else {
                                  echo "Error deleting record: " . mysqli_error($conn);
                                 }
                            } 
    //закрываем ^-^
     $conn->close();
    Но скрипт чутка не идеален, при случайном запуске более одного раза в день, он благо лишнего не удалит, а вот повтор он с удовольствием добавит( . Если кто просветит на условие: дубль записи к текущей дате запретить, Буду благодарен!
  • Обновлять базу данными, затирая первые старые данные?

    Astrolit
    @Astrolit Автор вопроса
    "не путай 'идентификатор' и 'порядковый номер' записи в списке, это разные вещи идеологически, чтобы получить порядковый номер я тебе указал способы в ответе" благодарю это решение, мне идентификатор как бы и не нужен (моя ошибка) буду отлавливать по дате
  • Обновлять базу данными, затирая первые старые данные?

    Astrolit
    @Astrolit Автор вопроса
    rPman, а чем тогда мне это поможет "можно key_id считать на лету, т.е. ключевое поле с autoincrement, но назови его по другому, например key_id_orig
    1+key_id_orig-min(key_id_orig)" ? Ведь я могу обычным update добавить 1 новую запись и потом удалить 1 первую , но тогда мой индекс первой записи будет не [0], а [1] и так далее, каждый день будет индекс меняться... А к базе планируется обращаться, многократно. И что нулевой индекс это данные ровно 365 дней назад от последней добавленной записи! это для графиков и анализа изменения валют
  • Обновлять базу данными, затирая первые старые данные?

    Astrolit
    @Astrolit Автор вопроса
    "Если нет связанных таблиц (что логично, твой id на самом деле не идентификатор, не вводи народ в заблуждение и назови по другому) " да Вы правы.
    1+key_id_orig-min(key_id_orig)
    окей , но что делать с самой базой - при добавлении трех новых строк и удалении первых старых строк, мне надо будет заново переиндексировоть 1095 записей? Нет ли более элегантного решения ? Как бы добавил N строк и чудесной командой N строк в начале самоликвидировались, этакая динамически постоянная по количеству записей база!?
  • Обновлять базу данными, затирая первые старые данные?

    Astrolit
    @Astrolit Автор вопроса
    Дмитрий, конечно update, но!
    Моя проблема в том , что первый раз я заполнил базу из запроса к xml нацбанка, и это в цикле 3 валют , внутри другого цикла в 365 дней, запрос шел около 2 минут... думаю если я каждый день буду делать update 365 х 3 = 1095 раз ... банк подаст на меня в суд!? Из-за попытки завалить их сервер, а так один раз напряг и у меня база в 1095 строк. И каждый день мне нужно добавить только три строки, при этом желательно удалить первые древние 3 строки
  • Передать массив из файла php в файл js?

    Astrolit
    @Astrolit Автор вопроса
    единственая проблема и фича twig не выполнять php код, но сравнивая соседние twig файлы я вижу что с контролера - файла php передаются переменные в twig скажем тот же массив выглядел бы как {{value.per_random}} но как он в java script внутри twig будет оформлен?
  • Название программы спутники онлайн земля?

    Astrolit
    @Astrolit Автор вопроса
    shurshur, в ответы! А было подобное вроде и с Марсом?
  • Название программы спутники онлайн земля?

    Astrolit
    @Astrolit Автор вопроса
    Кирилл Никитин, к сожалению у NASA было раньше в свободном доступе, чем и "воспользовался" google, ну такова легенда