application de respiration animée circulaire d3 js voyageant sur un chemin circulaire

Application de respiration animée d3js Je veux pouvoir créer une animation d'un cercle qui tourne autour d'un chemin à un intervalle spécifique et pouvoir contrôler cet intervalle pour accélérer/ralentir. Mon code ressemble actuellement à ceci. Comment définir un cercle pour qu'il se déplace le long...

P粉191610580 2023-09-14 15:46:55 0  1  590

Le titre réécrit est : CSS 3 formes : "Reverse Circle" ou "Cut Circle"

Je souhaite créer une forme que je décrirais comme un "cercle inverse" : l'image est quelque peu inexacte car la ligne noire doit continuer le long de la bordure extérieure de l'élément div. Voici la démo que j'ai actuellement : http://jsfiddle.net/n9fTF/ Est-il possible d'utiliser CSS san...

P粉979586159 2023-08-24 18:26:55 0  2  426

Créer un curseur de température SVG circulaire dans Angular ?

Voici une démonstration statique d'un curseur de pouce circulaire que j'essaie de créer dans Angular. Il utilise le paramètre rinkle-dashoffset="-260" pour positionner le pouce/le curseur près de la fin du chemin circulaire derrière le pouce, et vous pouvez voir que le décalage négatif de ...

P粉135799949 2024-04-03 09:33:29 0  1  598

Comment obtenir un contour circulaire sur un <bouton> circulaire en utilisant CSS dans Safari

J'essaie d'obtenir un bouton rond avec le même contour de couleur, mais cela ne semble pas possible. Le contour finit toujours par être carré. Existe-t-il un moyen d'y parvenir avec un, ou peut-être que cela ne peut être réalisé qu'avec un ? bouton {largeur : 40 px ; hauteur : 40px ; bordure : aucun...

P粉066725148 2023-10-26 09:54:54 0  2  1025

WebGL ne prend pas en charge le dessin d'index à l'aide de l'index 255

Il s'agit du programme de test WebGL le plus simple qui crée un tampon d'index avec seulement une valeur uint8 de 255. Il devrait dessiner un carré rouge de taille 64px, mais ce n'est pas le cas (la valeur de l'index n'est pas importante pour le dessin). D'une manière ou d'une autre, WebGL ignore l'...

P粉265724930 2023-08-17 12:37:59 0  1  457

Comment ajouter une bordure circulaire sur une vidéo mp4 sur squarespace

J'essaie d'ajouter un rayon de bordure dans une vidéo en espace carré mais cela ne fonctionne pas. Est-ce que quelqu'un sait comment faire ça? J'essaie de mettre une bordure circulaire sur une vidéo et j'ai essayé le code suivant : #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:...

P粉781235689 2023-08-31 16:24:14 0  1  564

Safari ne prend pas en charge CSS pour les avatars circulaires

Mon blog utilise un modèle gatsbyReact, mais lorsque je l'ouvre sur Safari (iPhone ou Mac), l'image de l'avatar n'est pas ronde. Blog de code simple C'est le style que j'utilise pour mon bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border. - rayon : 100 % ;}

P粉779565855 2024-02-17 18:38:55 0  1  454

Une méthode pour restituer dynamiquement des secteurs circulaires sans utiliser de canevas HTML5

Je fabrique une roue de fortune et je dois créer une roue ou un cercle en fonction du nombre de secteurs et la remplir de noms de prix. J'ai complété le code d'un cercle avec un nombre fixe de secteurs. Voici un exemple de cercle contenant 6 secteurs. .wheel_container{position:relative;--wheel-size:...

P粉731861241 2023-09-02 10:43:07 0  1  533

javascript - Comment recadrer des images en rectangles arrondis en ligne via HTML5 ou JS original?

Existe-t-il un moyen dans h5 ou js de recadrer les images sur la page Web, puis de les couper en coins arrondis ? Pour l'instant, je n'ai vu que des découpes rectangulaires. Je me demande s'il est possible de réaliser une découpe .png transparente avec des coins arrondis.

ringa_lee 2017-06-08 11:03:09 0  2  786

Titre réécrit : centrez un élément carré ou circulaire HTML fixe horizontalement et verticalement une fois redimensionné.

Comment centrer un élément HTML fixe carré ou circulaire de différentes tailles horizontalement et verticalement ? Je pense que la difficulté vient du fait que la largeur et la hauteur doivent rester égales.

P粉455093123 2024-04-04 12:31:51 0  1  413

javascript - Comment définir le z-index de drawImage dans Canvas

Par exemple, je veux que la première image drawImage soit dessinée au-dessus de la seconde. Existe-t-il un moyen (sans changer l'ordre de position des deux lignes de code) ctx.drawImage(bg, 0, 0, w, h);ctx .drawImage(jp, 0, 0, boxWidth, boxHeight) couvre actuellement le prix ;

过去多啦不再A梦 2017-05-19 10:34:14 0  1  1081

javascript - Aide avec un problème de mosaïque de dessin sur toile, la sélection des couleurs est toujours inexacte

Lorsque je dessine avec la souris, je prends la valeur de couleur de la zone actuelle de la souris, puis je définis la couleur du pinceau. Cependant, la sélection des couleurs est toujours très différente. Je ne sais pas s'il y a quelque chose qui ne va pas. mon calcul. S'il vous plaît, aidez-moi ! ...

三叔 2017-06-08 11:03:00 0  2  890

javascript - Aide-toi à dessiner une mosaïque translucide sur Canvas?

Mon exigence est de permettre aux utilisateurs d'utiliser la souris pour mosaïquer les documents téléchargés. Mon idée est de lier les événements de la souris au canevas et de dessiner un png translucide sur le document le long du chemin de pression de la souris de l'utilisateur. Superposition Png, ...

仅有的幸福 2017-06-07 09:24:40 0  1  864

Créer une méthode <select> pour sélectionner les fichiers de graphiques de dessin

J'ai un graphique dessiné à l'aide de données de fichiers externes. Maintenant, je veux une zone de sélection dans laquelle l'utilisateur peut sélectionner le fichier à lire. De cette façon, le graphique peut changer dynamiquement. Comment puis-je utiliser vue et chartjs pour obtenir cette fonctionn...

P粉022140576 2023-08-20 10:08:18 0  1  551

Div avec découpe en demi-cercle transparent

Je souhaite créer une forme de demi-cercle découpée et transparente en utilisant uniquement CSS3. La seule exigence est que tous les éléments formant la forme soient noirs ou transparents. Je ne peux pas utiliser un rectangle noir avec un cercle blanc car le demi-cercle doit être transparent et lais...

P粉022285768 2023-10-22 17:51:09 0  2  747

À mesure que l'élément parent devient plus petit, réduisez la taille du remplissage

J'ai une grille qui dessine des carrés dans les cellules. Il a le nombre de lignes et de colonnes, puis dessine les cellules de la grille et vérifie s'il doit y avoir un carré dans chaque cellule (selon le tableau) et dessine un carré si nécessaire. Le résultat HTML final ressemble à ceci : (en supp...

P粉807397973 2024-04-03 17:37:05 0  1  355

Puis-je utiliser le rayon de bordure avec des images de bordure avec des dégradés ?

Je conçois un champ de saisie avec une bordure circulaire (rayon de bordure) et j'essaie d'ajouter un dégradé à ladite bordure. Je peux réussir à créer des dégradés et des bordures circulaires, mais aucun des deux ne fonctionne ensemble. Il s'agit soit de coins arrondis sans dégradé, soit d'une bord...

P粉633733146 2023-08-29 12:52:01 0  2  534

javascript - Comment effacer le dernier cercle dessiné dans Canvas

(www.sf.gg) est la principale communauté technologique de développeurs en Chine. Nous espérons fournir une plate-forme d'échange technique pure et de haute qualité pour les passionnés de programmation, apprendre, communiquer et grandir avec les développeurs, et créer une ère pour les développeurs !

欧阳克 2017-06-27 09:18:55 0  3  1822

php - contrôleur laravel, problème de paramètre devant les paramètres de la méthode

Il existe une méthode de connexion dans le contrôleur de connexion, et il y a un LoginRequest devant son paramètre formel $request. Grâce à la fonction intégrée de phpstorm, j'ai découvert qu'en cliquant dessus, vous pouviez accéder à un fichier LoginRequest.php, qui stocke le. restrictions de conne...

仅有的幸福 2017-06-23 09:11:14 0  3  790