主頁 > 移動端開發 > SVG影片標志

SVG影片標志

2021-10-17 03:06:02 移動端開發

我有一個帶有兩條線的 SVG 徽標,一條在頂部,另一條在底部。

我正試圖讓這兩條線從中間一直擴展到最后。

https://codepen.io/christos_karol/pen/BaZzOmO?editors=1100

.line3, .line2 {
  stroke-dasharray:2300;
    stroke-dashoffset:2300;
    animation: dash 5s linear forward;
}

@keyframes dash {

  to {
    stroke-dashoffset:0;
  }
}
< svg width="324" height="51" viewBox="0 0 324 51"/span> fill="none"/span> xmlns="http: //www. w3.org/2000/svg"><path id="DENNIS PRESTON"/span> d="M0。 104 12.8h10.364c13.028 12.8 15.38 13.34 17.42 14.42c19.46 15.476 21.044 16.964 22.172 18.884c23.3 20.78 23.864 22.952 23.864 25.4c23.864 27.848 23.3 30.032 22.172 31.952c21。 044 33.848 19.46 35.336 17.42 36.416c15.38 37.472 13.028 38 10.364 38h0.104v12.8zm10.22 35.696c12.428 35.696 14.36 35.264 16.016 34.4c17.672 33.512 18.956 32.3 19.868 30.764c20.78 29.204 21.236 27。 416 21.236 25.4c21.236 23.384 20.78 21.608 19.868 20.072c18.956 18.512 17.672 17.3 16.016 16.436c14.36 15.548 12.428 15.104 10.22 15.104h2.768v35.696h10.22zm47.6662 35.696v38h29.8462v12.8h47。 1262V15.104H32.5102V24.068H45.5422V26.336H32.5102V35.696H47.6662ZM74.9882 12.8V38H72.7922L56.5922 17.552V38H53.9282V12.8H56.1242L72.3602 33.248V12.8H74.9882ZM104.273 12.8V38H102.077L85.8774 17. 552V38H83.2134V12.8H85.4094L101.645 33.248V12.8H104.273ZM112.499 12.8H115.163V38H112.499V12.8ZM130.31 38.216C128.438 38.216 126.638 37.916 124.91 37.316C123.206 36.716 121.886 35.924 120.95 34。 94L121.994 32.888C122.906 33.8 124.118 34.544 125.63 35.12C127.142 35.672 128.702 35.948 130.31 35.948C132.566 35.948 134.258 35.54 135.386 34.724C136.514 33.884 137.078 32.804 137.078 31。 484c137.078 30.476 136.766 29.672 136.142 29.072c135.542 28.472 134.798 28.016 133.91 27.704c133.022 27.368 131.786 27.008 130.202 26.624c128.306 26.144 126.794 25.688 125.666 25.256c124.538 24. 8 123.566 24.116 122.75 23.204c121.958 22.292 121.562 21.056 121.562 19.496c121.562 18.224 121.898 17.072 122.57 16.04c123.242 14.984 124.274 14.144 125.666 13.52c127.058 12.896 128.786 12。 584 130.85 12.584c132.29 12.584 133.694 12.788 135.062 13.196c136.454 13.58 137.654 14.12 138.662 14.816l137.762 16.94c136.706 16.244 135.578 15.728 134.378 15.392c133.178 15.032 132.002 14.852 130. 85 14.852c128.642 14.852 126.974 15.284 125.846 16.148c124.742 16.988 124.19 18.08 124.19 19.424c124.19 20.432 124.49 21.248 125.09 21.872c125.714 22.472 126.482 22.94 127.394 23.276c128.33 23. 588 129.578 23.936 131.138 24.32c132.986 24.776 134.474 25.232 135.602 25.688c136.754 26.12 137.726 26.792 138.518 27.704c139.31 28.592 139.706 29.804 139.706 31.34c139.706 32.612 139.358 33. 776 138.662 34.832c137.99 35.864 136.946 36.692 135.53 37.316c134.114 37.916 132.374 38.216 130.31 38.216zm164.364 12.8c167.58 12.8 170.1 13.568 171.924 15.104c173.748 16.64 174.66 18.752 174。 66 21.44C174.66 24.128 173.748 26.24 171.924 27.776C170.1 29.288 167.58 30.044 164.364 30.044H157.596V38H154.932V12.8H164.364zm164.292 27.704C166.788 27.704 168.696 27.164 170.016 26.084C171。 336 24.98 171.996 23.432 171.996 21.44C171.996 19.4 171.336 17.84 170.016 16.76C168.696 15.656 166.788 15.104 164.292 15.104H157.596V27.704H164.292zm197.628 38L191.868 29.9C191.22 29.972 190。 548 30.008 189.852 30.008H183.084V38H180.42V12.8H189.852C193.068 12.8 195.588 13.568 197.412 15.104C199.236 16.64 200.148 18.752 200.148 21.44C200.148 23.408 199.644 25.076 198.636 26.444C197。 652 27.788 196.236 28.76 194.388 29.36L200.544 38H197.628zm189.78 27.74C192.276 27.74 194.184 27.188 195.504 26.084C196.824 24.98 197.484 23.432 197.484 21.44C197.484 19.4 196.824 17.84 195.504 16。 76C194.184 15.656 192.276 15.104 189.78 15.104H183.084V27.74H189.78zm224.256 35.696V38H206.436V12.8H223.716V15.104H209.1V24.068H222.132V26.336H209.1V35.696H224.256zm237.466 38.216C235.594 38。 216 233.794 37.916 232.066 37.316C230.362 36.716 229.042 35.924 228.106 34.94L229.15 32.888C230.062 33.8 231.274 34.544 232.786 35.12C234.298 35.672 235.858 35.948 237.466 35.948C239.722 35. 948 241.414 35.54 242.542 34.724c243.67 33.884 244.234 32.804 244.234 31.484c244.234 30.476 243.922 29.672 243.298 29.072c242.698 28.472 241.954 28.016 241.066 27.704c240.178 27.368 238.942 27。 008 237.358 26.624c235.462 26.144 233.95 25.688 232.822 25.256c231.694 24.8 230.722 24.116 229.906 23.204c229.114 22.292 228.718 21.056 228.718 19.496c228.718 18.224 229.054 17.072 229.726 16. 04C230.398 14.984 231.43 14.144 232.822 13.52C234.214 12.896 235.942 12.584 238.006 12.584C239.446 12.584 240.85 12.788 242.218 13.196C243.61 13.58 244.81 14.12 245.818 14.816L244.918 16.94C243。 862 16.244 242.734 15.728 241.534 15.392c240.334 15.032 239.158 14.852 238.006 14.852c235.798 14.852 234.13 15.284 233.002 16.148c231.898 16.988 231.346 18.08 231.346 19.424c231.346 20.432 231。 646 21.248 232.246 21.872c232.87 22.472 233.638 22.94 234.55 23.276c235.486 23.588 236.734 23.936 238.294 24.32c240.142 24.776 241.63 25.232 242.758 25.688c243.91 26.12 244.882 26.792 245。 674 27.704C246.466 28.592 246.862 29.804 246.862 31.34C246.862 32.612 246.514 33.776 245.818 34.832C245.146 35.864 244.102 36.692 242.686 37.316C241.27 37.916 239.53 38.216 237.466 38.216zm257. 211 15.104H248.355V12.8H268.731V15.104H259.875V38H257.211V15.104ZM283.651 38.216C281.155 38.216278.887 37.664276.847 36.56C274.831 35.432273.247 33.896272.095 31.952C270.967 30.008270。 403 27.824 270.403 25.4c270.403 22.976 270.967 20.792 272.095 18.848c273.247 16.904 274.831 15.38 276.847 14.276c278.887 13.148 281.155 12.584 283.651 12.584c286.147 12.584 288.391 13.136 290。 383 14.24c292.399 15.344 293.983 16.88 295.135 18.848c296.287 20.792 296.863 22.976 296.863 25.4c296.863 27.824 296.287 30.02 295.135 31.988c293.983 33.932 292.399 35.456 290.383 36.56c288.391 37. 664 286.147 38.216 283.651 38.216zm283.651 35.84c285.643 35.84 287.443 35.396 289.051 34.508c290.659 33.596 291.919 32.348 292.831 30.764c293.743 29.156 294.199 27.368 294.199 25.4c294.199 23。 432 293.743 21.656 292.831 20.072c291.919 18.464 290.659 17.216 289.051 16.328c287.443 15.416 285.643 14.96 283.651 14.96c281.659 14.96 279.847 15.416 278.215 16.328c276.607 17.216 275.335 18。 464 274.399 20.072c273.487 21.656 273.031 23.432 273.031 25.4c273.031 27.368 273.487 29.156 274.399 30.764c275.335 32.348 276.607 33.596 278.215 34.508c279.847 35.396 281.659 35.84 283.651 35。 84ZM323.894 12.8V38H321.698L305.498 17.552V38H302.834V12.8H305.03L321.266 33.248V12.8H323.894Z" fill="#efefec"/>
      <path class="line2" d="M321.11 49L4。 60998 49" stroke="#efefec" stroke-width="2。 89" stroke-lineecap="square"/>
      <line class="line3"/span> x1="4。 445" y1="1.555" x2="320。 665" y2="1. 555" stroke="#efefec" stroke-width="2。 89" stroke-lineecap="square"/>
    </svg>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>

uj5u.com熱心網友回復:

我試圖讓這兩條線從中間一直擴展到最后。 擴到最后。

不要使用影片stroke-dashoffset,使用影片stroke-dasharray

標志的每個水平線的長度是316.2px

@keyframes dash {
  from {stroke-dasharray:0, 158 0, 158 }
  to {stroke-dasharray:0,0,316,0;}

.line3, .line2 {
  stroke-dasharray:316.2;
    stroke-dashoffset:316.2;
    animation: dash 3s linear forward;
}

@keyframes dash {
  from {stroke-dasharray:0,158.1 0,158.1 }
  to {stroke-dasharray:0,0,316.2,0; }
  
}
< svg width="324" height="51" viewBox="0 0 324 51"/span> fill="none"/span> xmlns="http: //www. w3.org/2000/svg"><path id="DENNIS PRESTON"/span> d="M0。 104 12.8h10.364c13.028 12.8 15.38 13.34 17.42 14.42c19.46 15.476 21.044 16.964 22.172 18.884c23.3 20.78 23.864 22.952 23.864 25.4c23.864 27.848 23.3 30.032 22.172 31.952c21。 044 33.848 19.46 35.336 17.42 36.416c15.38 37.472 13.028 38 10.364 38h0.104v12.8zm10.22 35.696c12.428 35.696 14.36 35.264 16.016 34.4c17.672 33.512 18.956 32.3 19.868 30.764c20.78 29.204 21.236 27。 416 21.236 25.4c21.236 23.384 20.78 21.608 19.868 20.072c18.956 18.512 17.672 17.3 16.016 16.436c14.36 15.548 12.428 15.104 10.22 15.104h2.768v35.696h10.22zm47.6662 35.696v38h29.8462v12.8h47。 1262V15.104H32.5102V24.068H45.5422V26.336H32.5102V35.696H47.6662ZM74.9882 12.8V38H72.7922L56.5922 17.552V38H53.9282V12.8H56.1242L72.3602 33.248V12.8H74.9882ZM104.273 12.8V38H102.077L85.8774 17. 552V38H83.2134V12.8H85.4094L101.645 33.248V12.8H104.273ZM112.499 12.8H115.163V38H112.499V12.8ZM130.31 38.216C128.438 38.216 126.638 37.916 124.91 37.316C123.206 36.716 121.886 35.924 120.95 34。 94L121.994 32.888C122.906 33.8 124.118 34.544 125.63 35.12C127.142 35.672 128.702 35.948 130.31 35.948C132.566 35.948 134.258 35.54 135.386 34.724C136.514 33.884 137.078 32.804 137.078 31。 484c137.078 30.476 136.766 29.672 136.142 29.072c135.542 28.472 134.798 28.016 133.91 27.704c133.022 27.368 131.786 27.008 130.202 26.624c128.306 26.144 126.794 25.688 125.666 25.256c124.538 24. 8 123.566 24.116 122.75 23.204c121.958 22.292 121.562 21.056 121.562 19.496c121.562 18.224 121.898 17.072 122.57 16.04c123.242 14.984 124.274 14.144 125.666 13.52c127.058 12.896 128.786 12。 584 130.85 12.584c132.29 12.584 133.694 12.788 135.062 13.196c136.454 13.58 137.654 14.12 138.662 14.816l137.762 16.94c136.706 16.244 135.578 15.728 134.378 15.392c133.178 15.032 132.002 14.852 130. 85 14.852c128.642 14.852 126.974 15.284 125.846 16.148c124.742 16.988 124.19 18.08 124.19 19.424c124.19 20.432 124.49 21.248 125.09 21.872c125.714 22.472 126.482 22.94 127.394 23.276c128.33 23. 588 129.578 23.936 131.138 24.32c132.986 24.776 134.474 25.232 135.602 25.688c136.754 26.12 137.726 26.792 138.518 27.704c139.31 28.592 139.706 29.804 139.706 31.34c139.706 32.612 139.358 33. 776 138.662 34.832c137.99 35.864 136.946 36.692 135.53 37.316c134.114 37.916 132.374 38.216 130.31 38.216zm164.364 12.8c167.58 12.8 170.1 13.568 171.924 15.104c173.748 16.64 174.66 18.752 174。 66 21.44C174.66 24.128 173.748 26.24 171.924 27.776C170.1 29.288 167.58 30.044 164.364 30.044H157.596V38H154.932V12.8H164.364zm164.292 27.704C166.788 27.704 168.696 27.164 170.016 26.084C171。 336 24.98 171.996 23.432 171.996 21.44C171.996 19.4 171.336 17.84 170.016 16.76C168.696 15.656 166.788 15.104 164.292 15.104H157.596V27.704H164.292zm197.628 38L191.868 29.9C191.22 29.972 190。 548 30.008 189.852 30.008H183.084V38H180.42V12.8H189.852C193.068 12.8 195.588 13.568 197.412 15.104C199.236 16.64 200.148 18.752 200.148 21.44C200.148 23.408 199.644 25.076 198.636 26.444C197。 652 27.788 196.236 28.76 194.388 29.36L200.544 38H197.628zm189.78 27.74C192.276 27.74 194.184 27.188 195.504 26.084C196.824 24.98 197.484 23.432 197.484 21.44C197.484 19.4 196.824 17.84 195.504 16。 76C194.184 15.656 192.276 15.104 189.78 15.104H183.084V27.74H189.78zm224.256 35.696V38H206.436V12.8H223.716V15.104H209.1V24.068H222.132V26.336H209.1V35.696H224.256zm237.466 38.216C235.594 38。 216 233.794 37.916 232.066 37.316C230.362 36.716 229.042 35.924 228.106 34.94L229.15 32.888C230.062 33.8 231.274 34.544 232.786 35.12C234.298 35.672 235.858 35.948 237.466 35.948C239.722 35. 948 241.414 35.54 242.542 34.724c243.67 33.884 244.234 32.804 244.234 31.484c244.234 30.476 243.922 29.672 243.298 29.072c242.698 28.472 241.954 28.016 241.066 27.704c240.178 27.368 238.942 27。 008 237.358 26.624c235.462 26.144 233.95 25.688 232.822 25.256c231.694 24.8 230.722 24.116 229.906 23.204c229.114 22.292 228.718 21.056 228.718 19.496c228.718 18.224 229.054 17.072 229.726 16. 04C230.398 14.984 231.43 14.144 232.822 13.52C234.214 12.896 235.942 12.584 238.006 12.584C239.446 12.584 240.85 12.788 242.218 13.196C243.61 13.58 244.81 14.12 245.818 14.816L244.918 16.94C243。 862 16.244 242.734 15.728 241.534 15.392c240.334 15.032 239.158 14.852 238.006 14.852c235.798 14.852 234.13 15.284 233.002 16.148c231.898 16.988 231.346 18.08 231.346 19.424c231.346 20.432 231。 646 21.248 232.246 21.872c232.87 22.472 233.638 22.94 234.55 23.276c235.486 23.588 236.734 23.936 238.294 24.32c240.142 24.776 241.63 25.232 242.758 25.688c243.91 26.12 244.882 26.792 245。 674 27.704C246.466 28.592 246.862 29.804 246.862 31.34C246.862 32.612 246.514 33.776 245.818 34.832C245.146 35.864 244.102 36.692 242.686 37.316C241.27 37.916 239.53 38.216 237.466 38.216zm257. 211 15.104H248.355V12.8H268.731V15.104H259.875V38H257.211V15.104ZM283.651 38.216C281.155 38.216278.887 37.664276.847 36.56C274.831 35.432273.247 33.896272.095 31.952C270.967 30.008270。 403 27.824 270.403 25.4c270.403 22.976 270.967 20.792 272.095 18.848c273.247 16.904 274.831 15.38 276.847 14.276c278.887 13.148 281.155 12.584 283.651 12.584c286.147 12.584 288.391 13.136 290。 383 14.24c292.399 15.344 293.983 16.88 295.135 18.848c296.287 20.792 296.863 22.976 296.863 25.4c296.863 27.824 296.287 30.02 295.135 31.988c293.983 33.932 292.399 35.456 290.383 36.56c288.391 37. 664 286.147 38.216 283.651 38.216zm283.651 35.84c285.643 35.84 287.443 35.396 289.051 34.508c290.659 33.596 291.919 32.348 292.831 30.764c293.743 29.156 294.199 27.368 294.199 25.4c294.199 23。 432 293.743 21.656 292.831 20.072c291.919 18.464 290.659 17.216 289.051 16.328c287.443 15.416 285.643 14.96 283.651 14.96c281.659 14.96 279.847 15.416 278.215 16.328c276.607 17.216 275.335 18。 464 274.399 20.072c273.487 21.656 273.031 23.432 273.031 25.4c273.031 27.368 273.487 29.156 274.399 30.764c275.335 32.348 276.607 33.596 278.215 34.508c279.847 35.396 281.659 35.84 283.651 35。 84ZM323.894 12.8V38H321.698L305.498 17.552V38H302.834V12.8H305.03L321.266 33.248V12.8H323.894Z" fill="#efefec"/>
      <path class="line2" d="M321.11 49L4。 60998 49" stroke="#efefec" stroke-width="2。 89" stroke-lineecap="square"/>
      <line class="line3"/span> x1="4。 445" y1="1.555" x2="320。 665" y2="1. 555" stroke="#efefec" stroke-width="2。 89" stroke-lineecap="square"/>
    </svg>/span>
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>

最新情況

OP評論:

但是,我正試圖洗掉角落里的4個點,這顯然是 是線條開始的地方

角上出現點的原因是屬性 stroke-lineecap ="square"

其他線條屬性也有輕微的變化。

.line2, .line3 {
  stroke-dasharray:316.5;
    stroke-dashoffset:316.5;
    animation: dash 3s linear forward;
}

@keyframes dash {
  from {stroke-dasharray:0,158.25 0,158.25 }
  to {stroke-dasharray:0,0,316.5,0;}
}
< svg width="324"/span> height="51" viewBox="0 0 324 51" xmlns="http: //www. w3.org/2000/svg" >
      <path id="DENNIS PRESTON"/span> d="M0。 104 12.8h10.364c13.028 12.8 15.38 13.34 17.42 14.42c19.46 15.476 21.044 16.964 22.172 18.884c23.3 20.78 23.864 22.952 23.864 25.4c23.864 27.848 23.3 30.032 22.172 31.952c21。 044 33.848 19.46 35.336 17.42 36.416c15.38 37.472 13.028 38 10.364 38h0.104v12.8zm10.22 35.696c12.428 35.696 14.36 35.264 16.016 34.4c17.672 33.512 18.956 32.3 19.868 30.764c20.78 29.204 21.236 27。 416 21.236 25.4c21.236 23.384 20.78 21.608 19.868 20.072c18.956 18.512 17.672 17.3 16.016 16.436c14.36 15.548 12.428 15.104 10.22 15.104h2.768v35.696h10.22zm47.6662 35.696v38h29.8462v12.8h47。 1262V15.104H32.5102V24.068H45.5422V26.336H32.5102V35.696H47.6662ZM74.9882 12.8V38H72.7922L56.5922 17.552V38H53.9282V12.8H56.1242L72.3602 33.248V12.8H74.9882ZM104.273 12.8V38H102.077L85.8774 17. 552V38H83.2134V12.8H85.4094L101.645 33.248V12.8H104.273ZM112.499 12.8H115.163V38H112.499V12.8ZM130.31 38.216C128.438 38.216 126.638 37.916 124.91 37.316C123.206 36.716 121.886 35.924 120.95 34。 94L121.994 32.888C122.906 33.8 124.118 34.544 125.63 35.12C127.142 35.672 128.702 35.948 130.31 35.948C132.566 35.948 134.258 35.54 135.386 34.724C136.514 33.884 137.078 32.804 137.078 31。 484c137.078 30.476 136.766 29.672 136.142 29.072c135.542 28.472 134.798 28.016 133.91 27.704c133.022 27.368 131.786 27.008 130.202 26.624c128.306 26.144 126.794 25.688 125.666 25.256c124.538 24. 8 123.566 24.116 122.75 23.204c121.958 22.292 121.562 21.056 121.562 19.496c121.562 18.224 121.898 17.072 122.57 16.04c123.242 14.984 124.274 14.144 125.666 13.52c127.058 12.896 128.786 12。 584 130.85 12.584c132.29 12.584 133.694 12.788 135.062 13.196c136.454 13.58 137.654 14.12 138.662 14.816l137.762 16.94c136.706 16.244 135.578 15.728 134.378 15.392c133.178 15.032 132.002 14.852 130. 85 14.852c128.642 14.852 126.974 15.284 125.846 16.148c124.742 16.988 124.19 18.08 124.19 19.424c124.19 20.432 124.49 21.248 125.09 21.872c125.714 22.472 126.482 22.94 127.394 23.276c128.33 23. 588 129.578 23.936 131.138 24.32c132.986 24.776 134.474 25.232 135.602 25.688c136.754 26.12 137.726 26.792 138.518 27.704c139.31 28.592 139.706 29.804 139.706 31.34c139.706 32.612 139.358 33. 776 138.662 34.832c137.99 35.864 136.946 36.692 135.53 37.316c134.114 37.916 132.374 38.216 130.31 38.216zm164.364 12.8c167.58 12.8 170.1 13.568 171.924 15.104c173.748 16.64 174.66 18.752 174。 66 21.44C174.66 24.128 173.748 26.24 171.924 27.776C170.1 29.288 167.58 30.044 164.364 30.044H157.596V38H154.932V12.8H164.364zm164.292 27.704C166.788 27.704 168.696 27.164 170.016 26.084C171。 336 24.98 171.996 23.432 171.996 21.44C171.996 19.4 171.336 17.84 170.016 16.76C168.696 15.656 166.788 15.104 164.292 15.104H157.596V27.704H164.292zm197.628 38L191.868 29.9C191.22 29.972 190。 548 30.008 189.852 30.008H183.084V38H180.42V12.8H189.852C193.068 12.8 195.588 13.568 197.412 15.104C199.236 16.64 200.148 18.752 200.148 21.44C200.148 23.408 199.644 25.076 198.636 26.444C197。 652 27.788 196.236 28.76 194.388 29.36L200.544 38H197.628zm189.78 27.74C192.276 27.74 194.184 27.188 195.504 26.084C196.824 24.98 197.484 23.432 197.484 21.44C197.484 19.4 196.824 17.84 195.504 16。 76C194.184 15.656 192.276 15.104 189.78 15.104H183.084V27.74H189.78zm224.256 35.696V38H206.436V12.8H223.716V15.104H209.1V24.068H222.132V26.336H209.1V35.696H224.256zm237.466 38.216C235.594 38。 216 233.794 37.916 232.066 37.316C230.362 36.716 229.042 35.924 228.106 34.94L229.15 32.888C230.062 33.8 231.274 34.544 232.786 35.12C234.298 35.672 235.858 35.948 237.466 35.948C239.722 35. 948 241.414 35.54 242.542 34.724c243.67 33.884 244.234 32.804 244.234 31.484c244.234 30.476 243.922 29.672 243.298 29.072c242.698 28.472 241.954 28.016 241.066 27.704c240.178 27.368 238.942 27。 008 237.358 26.624c235.462 26.144 233.95 25.688 232.822 25.256c231.694 24.8 230.722 24.116 229.906 23.204c229.114 22.292 228.718 21.056 228.718 19.496c228.718 18.224 229.054 17.072 229.726 16. 04C230.398 14.984 231.43 14.144 232.822 13.52C234.214 12.896 235.942 12.584 238.006 12.584C239.446 12.584 240.85 12.788 242.218 13.196C243.61 13.58 244.81 14.12 245.818 14.816L244.918 16.94C243。 862 16.244 242.734 15.728 241.534 15.392c240.334 15.032 239.158 14.852 238.006 14.852c235.798 14.852 234.13 15.284 233.002 16.148c231.898 16.988 231.346 18.08 231.346 19.424c231.346 20.432 231。 646 21.248 232.246 21.872c232.87 22.472 233.638 22.94 234.55 23.276c235.486 23.588 236.734 23.936 238.294 24.32c240.142 24.776 241.63 25.232 242.758 25.688c243.91 26.12 244.882 26.792 245。 674 27.704C246.466 28.592 246.862 29.804 246.862 31.34C246.862 32.612 246.514 33.776 245.818 34.832C245.146 35.864 244.102 36.692 242.686 37.316C241.27 37.916 239.53 38.216 237.466 38.216zm257. 211 15.104H248.355V12.8H268.731V15.104H259.875V38H257.211V15.104ZM283.651 38.216C281.155 38.216278.887 37.664276.847 36.56C274.831 35.432273.247 33.896272.095 31.952C270.967 30.008270。 403 27.824 270.403 25.4c270.403 22.976 270.967 20.792 272.095 18.848c273.247 16.904 274.831 15.38 276.847 14.276c278.887 13.148 281.155 12.584 283.651 12.584c286.147 12.584 288.391 13.136 290。 383 14.24c292.399 15.344 293.983 16.88 295.135 18.848c296.287 20.792 296.863 22.976 296.863 25.4c296.863 27.824 296.287 30.02 295.135 31.988c293.983 33.932 292.399 35.456 290.383 36.56c288.391 37. 664 286.147 38.216 283.651 38.216zm283.651 35.84c285.643 35.84 287.443 35.396 289.051 34.508c290.659 33.596 291.919 32.348 292.831 30.764c293.743 29.156 294.199 27.368 294.199 25.4c294.199 23。 432 293.743 21.656 292.831 20.072c291.919 18.464 290.659 17.216 289.051 16.328c287.443 15.416 285.643 14.96 283.651 14.96c281.659 14.96 279.847 15.416 278.215 16.328c276.607 17.216 275.335 18。 464 274.399 20.072c273.487 21.656 273.031 23.432 273.031 25.4c273.031 27.368 273.487 29.156 274.399 30.764c275.335 32.348 276.607 33.596 278.215 34.508c279.847 35.396 281.659 35.84 283.651 35。 84ZM323.894 12.8V38H321.698L305.498 17.552V38H302.834V12.8H305.03L321.266 33.248V12.8H323.894Z" fill="#efefec"/>
      <path class="line2" d="M321。 11 49L4.60998 49" stroke="銀色" stroke-width="3" />
      <line class="line3"/span> x1="4。 5" y1="1. 555"/span> x2="321"/span> y2="1. 555" stroke="銀色" stroke-width="3" />
    </svg>/span>
<iframe name="sif3" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>

轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/319402.html

標籤:

上一篇:如何為首次訪問網頁的訪客創建一個分步驟的教程(React)?

下一篇:是否每個springboot應用程式都要創建一個tomcat容器才能運行?

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【從零開始擼一個App】Dagger2

    Dagger2是一個IOC框架,一般用于Android平臺,第一次接觸的朋友,一定會被搞得暈頭轉向。它延續了Java平臺Spring框架代碼碎片化,注解滿天飛的傳統。嘗試將各處代碼片段串聯起來,理清思緒,真不是件容易的事。更不用說還有各版本細微的差別。 與Spring不同的是,Spring是通過反射 ......

    uj5u.com 2020-09-10 06:57:59 more
  • Flutter Weekly Issue 66

    新聞 Flutter 季度調研結果分享 教程 Flutter+FaaS一體化任務編排的思考與設計 詳解Dart中如何通過注解生成代碼 GitHub 用對了嗎?Flutter 團隊分享如何管理大型開源專案 插件 flutter-bubble-tab-indicator A Flutter librar ......

    uj5u.com 2020-09-10 06:58:52 more
  • Proguard 常用規則

    介紹 Proguard 入口,如何查看輸出,如何使用 keep 設定入口以及使用實體,如何配置壓縮,混淆,校驗等規則。

    ......

    uj5u.com 2020-09-10 06:59:00 more
  • Android 開發技術周報 Issue#292

    新聞 Android即將獲得類AirDrop功能:可向附近設備快速分享檔案 谷歌為安卓檔案管理應用引入可安全隱藏資料的Safe Folder功能 Android TV新主界面將顯示電影、電視節目和應用推薦內容 泄露的Android檔案暗示了傳說中的谷歌Pixel 5a與折疊屏新機 谷歌發布Andro ......

    uj5u.com 2020-09-10 07:00:37 more
  • AutoFitTextureView Error inflating class

    報錯: Binary XML file line #0: Binary XML file line #0: Error inflating class xxx.AutoFitTextureView 解決: <com.example.testy2.AutoFitTextureView android: ......

    uj5u.com 2020-09-10 07:00:41 more
  • 根據Uri,Cursor沒有獲取到對應的屬性

    Android: 背景:呼叫攝像頭,拍攝視頻,指定保存的地址,但是回傳的Cursor檔案,只有名稱和大小的屬性,沒有其他諸如時長,連ID屬性都沒有 使用 cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATIO ......

    uj5u.com 2020-09-10 07:00:44 more
  • Android連載29-持久化技術

    一、持久化技術 我們平時所使用的APP產生的資料,在記憶體中都是瞬時的,會隨著斷電、關機等丟失資料,因此android系統采用了持久化技術,用于存盤這些“瞬時”資料 持久化技術包括:檔案存盤、SharedPreference存盤以及資料庫存盤,還有更復雜的SD卡記憶體儲。 二、檔案存盤 最基本存盤方式, ......

    uj5u.com 2020-09-10 07:00:47 more
  • Android Camera2Video整合到自己專案里

    背景: Android專案里呼叫攝像頭拍攝視頻,原本使用的 MediaStore.ACTION_VIDEO_CAPTURE, 后來因專案需要,改成了camera2 1.Camera2Video 官方demo有點問題,下載后,不能直接整合到專案 問題1.多次拍攝視頻崩潰 問題2.雙擊record按鈕, ......

    uj5u.com 2020-09-10 07:00:50 more
  • Android 開發技術周報 Issue#293

    新聞 谷歌為Android TV開發者提供多種新功能 Android 11將自動填表功能整合到鍵盤輸入建議中 谷歌宣布Android Auto即將支持更多的導航和數字停車應用 谷歌Pixel 5只有XL版本 搭載驍龍765G且將比Pixel 4更便宜 [圖]Wear OS將迎來重磅更新:應用啟動時間 ......

    uj5u.com 2020-09-10 07:01:38 more
  • 海豚星空掃碼投屏 Android 接收端 SDK 集成 六步驟

    掃碼投屏,開放網路,獨占設備,不需要額外下載軟體,微信掃碼,發現設備。支持標準DLNA協議,支持倍速播放。視頻,音頻,圖片投屏。好點意思。還支持自定義基于 DLNA 擴展的操作動作。好像要收費,沒體驗。 這里簡單記錄一下集成程序。 一 跟目錄的build.gradle添加私有mevan倉庫 mave ......

    uj5u.com 2020-09-10 07:01:43 more
最新发布
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:40:31 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:40:11 more
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:39:36 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:39:13 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:16:23 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:16:15 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:15:46 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:14:53 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:14:08 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:08:34 more