Bagaimanakah saya boleh mengisi botol dengan warna menggunakan clipPath

Saya mempunyai imej botol dan cuba mengisi botol ini dengan warna tertentu saya dapati koordinat isian tetapi latar belakang di dalam botol tidak diisi.item{width:150px;height:150px;}#tubeLiquid{background-color: #74ccf4 ;laluan klip:poligon(45%19%,41%22%,41%29%,41%36%,41%43%,41%50%,41%57%,41%63%,41...

P粉690200856 2023-09-09 14:53:51 0  2  560

Jadikan lajur isi bekas grid bukannya baris

Saya mahu grid saya diisi secara menegak seperti ini: 147258369...arbitrarynumberofadditionalrows Sebaliknya, ia akan mengisi secara mendatar seperti ini: 123456789 Saya ingin menentukan bilangan lajur dalam grid, bukan bilangan baris. Inilah rupa div saya menggunakan penggayaan CSS sebaris: <div...

P粉551084295 2023-08-27 20:59:46 0  1  504

Bagaimana untuk membuat bentuk berlian menggunakan elemen <svg>?

Saya cuba mencipta bentuk berlian menggunakan dan elemen HTML5. Saya menyatakan titik itu, tetapi bukannya diisi ke dalam rombus, ia diisi ke dalam sepasang segitiga. Ini pendekatan saya: <div><svgwidth="2000"height="2000"><polygonpoints="2525,7525,5050,500&qu...

P粉043295337 2023-08-26 12:41:30 0  1  504

SVG - tepi hodoh dengan pelbagai isian kecerunan

Saya mahu mencipta pemilih warna JavaScript. Saya menggunakan SVG untuk mencipta segi tiga warna seperti ini: body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= "kecerahan tepu"&

P粉937769356 2024-04-01 20:00:27 0  1  405

Vue mengisi fail SVG berwarna secara dinamik

Saya sedang membuat aplikasi klon Twitter menggunakan VueJS3. Saya menyimpan logo Twitter sebagai fail .svg dan boleh menggunakannya dengan teg <img/>. Apabila saya memberikan tag <svg> atribut fill="#fff", saya juga boleh menukar warnanya. Walau bagaimanapun, saya mahu menggun...

P粉125450549 2024-01-03 22:39:20 0  2  572

Pemilih laluan SVG dalam HTML menggunakan React

Saya sedang mencipta aplikasi lukisan di mana pengguna boleh memuat naik SVG. Isi dengan warna yang berbeza, lukis pada SVG dan kemudian padamkannya. Tetapi malangnya, saya tidak boleh mendapatkan laluan SVG. Di bawah adalah imej SVG, jika saya hover saya hanya mahu mendapatkan laluan laluan hover i...

P粉566048790 2023-09-01 23:22:48 0  1  610

Muatkan SVG sebaris dan tukar warna isian

Saya menggunakan SVG seperti ini: <imagex="0"y="0"width="40"height="40"href="/resource.svg"></image>Ini ialah resource.svg:<? xmlversion=" 1.0"encoding="UTF-8&qu

P粉323224129 2024-04-02 13:32:42 0  1  439

Tukar panjang lejang bulatan SVG secara pemprograman

Saya mencipta bulatan dalam Inkscape dan mematikan isian supaya hanya lejang yang kelihatan, dan menetapkan titik mula kepada 45 darjah dan titik akhir kepada 315 darjah. Kemudian saya memutarkannya 90 darjah dan ini adalah keputusan akhir. <?xmlversion="1.0"encoding="UTF-8"?&...

P粉788571316 2024-03-28 17:03:28 0  2  358

Menggunakan CSS untuk mencapai kesan pengisian teks yang dibalut baris

Saya mempunyai contoh minimalis di sini: https://codepen.io/cpcpcpcpcpx/pen/VwZWoyJ dengan kandungan berikut: .wrapper{width:200px;}h1{font-size:32px;font-family:Tahoma,Helvetica, sans -serif;line-height:50px;}.header-text{background:#aabbcc;padding-

P粉969666670 2023-08-25 00:09:03 0  2  556

Maksud khusus nama animasi CSS merujuk kepada mod isian animasi

Baru-baru ini saya cuba menggunakan CSS untuk mencipta animasi di mana kelegapan kelas tertentu berubah daripada 0% kepada 100%. Tetapi saya menghadapi beberapa masalah dengan animasi class="bar". Kita dapat melihat bahawa mod isian-animasi bukan sahaja digunakan pada animasi tajuk (yang a...

P粉441076405 2023-09-13 10:16:28 0  1  563

css3 - gaya fon css tambah warna isian dan bukannya warna latar belakang

Terdapat gaya fon seperti berikut: Jika anda ingin menambah warna pada jantung dan bukannya keseluruhan rentang yang membalut jantung, ralat warna adalah seperti berikut: Takrifan span adalah seperti berikut: {Kod...} Jika anda tambah warna latar belakang, gambar di atas akan muncul untuk kesannya, ...

天蓬老师 2017-06-08 11:02:27 0  2  1283

Bagaimana untuk menjadikan menu hamburger sesuai dengan keseluruhan halaman dalam react jsx

Saya sangat baru dengan Reactjsx, saya menggunakan Tailwind dan ia sangat bagus. Saya juga sedang belajar sambil berjalan. Jadi dalam navigasi saya, saya boleh memaparkan menu hamburger tetapi saya tidak suka cara ia dipaparkan. Saya cuba memastikan keseluruhan halaman diisi dengan warna putih, liha...

P粉368878176 2023-08-31 14:31:09 0  1  560

Tajuk yang ditulis semula: Cara membuat peluncur autoisi dengan latar belakang kecerunan dalam HTML

Saya hanya bermain-main dengan HTML dan saya mahu membuat peluncur yang mengisi dirinya dengan kecerunan, tetapi saya mendapati ini hampir mustahil. Saya telah meneliti selama beberapa jam tetapi tidak dapat mencari jawapannya. Saya rasa saya memerlukan JS tetapi saya benar-benar kosong di sana. .be...

P粉715228019 2024-02-03 20:57:38 0  2  513

javascript - Bagaimana untuk melukis berbilang bola di atas kanvas supaya imej latar belakang setiap bola adalah berbeza?

Soalan: Apabila melukis berbilang bola di atas kanvas, bagaimana saya boleh membuat imej latar belakang setiap bola berbeza? Apa yang saya mahu lakukan sekarang ialah menjadikan setiap bola warna yang berbeza, dan saya mahu mengisinya dengan gambar. Sebahagian daripada kod: {code...} Kesan semasa:

大家讲道理 2017-06-14 10:54:28 0  4  1022

javascript - Mengapakah piksel di sekeliling imej menjadi kabur apabila ia dimuatkan ke dalam penyemak imbas?

Saya membuat gambar 1000px*1000px, dan piksel pertama mempunyai warna isian Selepas mengezum masuk pada Windows, bahagian hadapan biasa meminta gambar ini dan menetapkan ketinggian: 40000px; piksel di sekeliling sangat kabur Saya rasa tidak kira berapa banyak anda mengezum masuk, perkara yang anda p...

高洛峰 2017-05-19 10:34:48 0  3  557

Masalah sudoku skrip taip menunjukkan papan yang terisi separa

Saya telah berjaya menukar penjana sudoku js kepada penjana ts untuk latihan Satu-satunya masalah ialah bagaimana untuk menjadikannya hanya mengeluarkan papan sudoku yang lengkap. Kini, ia mengeluarkan tanpa mengira sama ada cakera itu lengkap atau tidak, dan saya perlu menyegarkan semula sehingga c...

P粉135799949 2023-09-08 00:14:34 0  1  536

javascript - Bagaimanakah vue keep-alive membawa berbilang parameter?

Ia akan berkuat kuasa apabila membawa satu parameter, tetapi bagaimana untuk membawa berbilang parameter?

世界只因有你 2017-05-19 10:13:18 0  1  529

Mengesan perlanggaran antara dua isian. Fungsi rect

Saya mempunyai permainan di mana seorang pemain dikawal oleh kekunci anak panah dan pemain lain dikawal oleh kekunci WSAD. Saya mempunyai peta yang disediakan dalam kanvas 600x600 dan ingin menambah perlanggaran antara dua pemain dalam pengisian permainan. Betulkan apabila dua pemain berada dalam ra...

P粉145543872 2023-09-15 13:26:06 0  1  861

Lajur grid menangguhkan saiz semula pada limpahan

Saya mempunyai grid CSS 2×2 yang mengisi port pandangan penyemak imbas menggunakan kedudukan tetap. Ia kelihatan seperti ini:----------------||xxxxxxxxxxxxx|----------------|x|||x | ||x|||x||----------------Baris atas dan lajur kiri masing-masing sesuai dengan kandungannya dan bersaiz automatik. Bar...

P粉638343995 2023-09-06 21:25:59 0  1  618

Bagaimanakah saya boleh menghapuskan ruang putih kecil antara bar navigasi dan bahagian seterusnya? Bagaimana untuk menghilangkan ruang kelabu kecil pada pemilih tuding?

Saya mengekodkan tapak web ini sebagai projek akhir untuk kursus HTMl saya di freecodecamp dan saya menghadapi dua ralat yang saya tidak tahu bagaimana untuk membetulkannya. Di satu pihak, saya mempunyai garis putih kecil antara bar navigasi saya dan bahagian pertama. Sebaliknya, saya menggunakan pe...

P粉764836448 2024-02-25 22:54:59 0  1  401