garyanikin

<span array="" class="AvatarRich AvatarRich--shadow AvatarRich--nft" style="width: 48px; height: 48px; border-radius: unset;
 --avatar-rich-stroke-width: 2px; --avatar-rich-pre-scaled-stroke-width: 2px; --avatar-rich-nft-frame-width: 3px ">
  
  <svg class="AvatarRich__heptagonUnderlay" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M19.835 2.006c1.53-.737 2.294-1.105 3.094-1.25a6 6 0 0 1 2.142 0c.8.145 1.565.513 3.094 1.25L38.6 7.03c1.53.737 2.294 1.105 2.906 1.64a6 6 0 0 1 1.336 1.675c.385.716.574 1.543.952 3.198l2.577 11.29c.377 1.655.566 2.483.53 3.295a6 6 0 0 1-.477 2.089c-.32.747-.849 1.41-1.907 2.738l-7.22 9.054c-1.059 1.327-1.588 1.99-2.245 2.468a6 6 0 0 1-1.931.93c-.783.216-1.632.216-3.33.216H18.21c-1.698 0-2.546 0-3.33-.216a6 6 0 0 1-1.93-.93c-.658-.477-1.187-1.141-2.246-2.468l-7.22-9.054c-1.058-1.327-1.587-1.99-1.907-2.738a6 6 0 0 1-.477-2.09c-.036-.811.153-1.639.53-3.294l2.577-11.29c.378-1.655.567-2.482.952-3.198A6 6 0 0 1 6.495 8.67c.612-.535 1.377-.903 2.906-1.64l10.434-5.024Z" 

garyanikin

<div class="css-1dbjc4n r-14lw9ot r-1wyvozj r-633pao r-u8s1d r-1v2oles r-desppf" __cpp="1" style="clip-path: url(&quot;#hex-hw-shapeclip-clipconfig&quot;); height: calc(100% - 4px); width: calc(100% - 4px);">
   <div class="css-1dbjc4n r-1adg3ll r-1udh08x" __cpp="1" style="">
      <div class="r-1adg3ll r-13qz1uu" __cpp="1" style="padding-bottom: 100%;"></div>
      <div class="r-1p0dtai r-1pi2tsx r-1d2f490 r-u8s1d r-ipm5af r-13qz1uu" __cpp="1">
         <div aria-label="Изображение профиля NFT" class="css-1dbjc4n r-1p0dtai r-1mlwlqe r-1d2f490 r-1udh08x r-u8s1d r-zchlnj r-ipm5af r-417010" __cpp="1">
            <div class="css-1dbjc4n r-1niwhzg r-vvn4in r-u6sd8q r-4gszlv r-1p0dtai r-1pi2tsx r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-13qz1uu r-1wyyakw" __cpp="1" style="background-image: url(&quot;https://pbs.twimg.com/profile_images/1484236379227779072/hLqwg3YI_x96.jpg&quot;);"></div>
            <img alt="Изображение профиля NFT" draggable="true" src="https://pbs.twimg.com/profile_images/1484236379227779072/hLqwg3

garyanikin

import React, { useCallback } from "react";
import { useDispatch, useSelector } from "react-redux";
import { SELECTOR_VIEW, viewsActions } from "../store/main";
import bridge from '@vkontakte/vk-bridge'; // VK Brige
import { ActionSheet, ScreenSpinner, Snackbar, ActionSheetDefaultIosCloseItem } from "@vkontakte/vkui";
import {
  Icon28CheckCircleFill,
  Icon28CancelCircleFillRed,
} from '@vkontakte/icons';
const queryString = require('query-string');

garyanikin

const canvasWidth = 1080;
const canvasHeight = 1920;
const center = [canvasWidth, canvasHeight].map(divideBy2);

// Полотно для создания размытого фона
const blurredSize = 1 / 8;
const blurredWidth = canvasWidth * blurredSize;
const blurredHeight = canvasHeight * blurredSize;

// Настройка бейджа с нфт аватаркой