将分片精灵图像转换为图像

时间:2020-09-22 15:56:49

标签: css node.js reactjs sprite css-sprites

我有这种电子表格:https://i.imgur.com/4Qi0616.png
应该选择此Spritesheet中的每个项目(武器),并将其放入“项目列表”中,每个项目都有自己的价格,标题和图像(此Spritesheet中的图像)。
如何以更优化的方式进行制作?

我认为可以创建一些public static X509Certificate2 CreateSelfSigned(string issuer="", string firendly_name = "") { using (var key = RSA.Create(4096)) { var req = new CertificateRequest( $"CN={issuer}", key, HashAlgorithmName.SHA256, RSASignaturePadding.Pkcs1); req.CertificateExtensions.Add( new X509BasicConstraintsExtension(true, false, 0, true)); req.CertificateExtensions.Add( new X509EnhancedKeyUsageExtension( new OidCollection { // Server Authentifikation new Oid("1.3.6.1.5.5.7.3.2"), // Client Authentifikation new Oid("1.3.6.1.5.5.7.3.1") }, true)); req.CertificateExtensions.Add( new X509SubjectKeyIdentifierExtension(req.PublicKey, false)); var cert = req.CreateSelfSigned(DateTimeOffset.UtcNow.AddDays(-1), DateTimeOffset.UtcNow.AddYears(30)); cert.FriendlyName = firendly_name; using (var store = new X509Store(StoreName.My, StoreLocation.LocalMachine)) { store.Open(OpenFlags.ReadWrite); store.Add(cert); store.Close(); } } } 并传递项目“ index”作为道具。同时创建一个Item.jsx-包含以下各项的数组:
items.json
它看起来像这样:[ { title: 'Rifle', price: 100, spritesheet: { w: 10, h: 10, x: 0, y: 0 } }, ... ]

这里还有一个问题-<Item index={0} />项的值是动态的,并且每小时都会变化。那么我应该每小时刷新一次整个“静态”列表并替换价格吗?这是在不同的XHR请求中预取价格并存储“静态” price并从服务器预取spritesheets_coords.json的好方法吗?

我要问你任何优化的好主意。

0 个答案:

没有答案