javascript - 加密数据 SVG URL

标签 javascript encryption svg

我在浏览卫报的网站 (http://www.theguardian.com/uk) 时注意到他们使用 SVG 文件类型来提供他们的图像。奇怪的是,URL 路径是用一长串随机字符加密的。

我想知道有没有人知道他们是怎么做到的?编码或其他方式,以及他们以这种方式提供内容所获得的优势。

例如,他们如何导入字体的示例:

https://github.com/guardian/guss-webfonts/blob/master/webfonts/hinting-off/kerning-off/original/_How%20To%20Install%20Web%20Fonts.html

他们的 URL 的另一个例子是:

content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iNjAiPjxwYXRoIGZpbGw9IiMwNTU2OEIiIGQ9Ik0yODQgNDVoMTZ2LTNsLTMtMS41di0yMGMxLjItLjkgMi44LTEuMSA0LjMtMS4xIDIuOCAwIDMuNy45IDMuNyA0LjF2MTdsLTMgMS41djNoMTZ2LTNsLTMtMS41di0xOWMwLTUuNy0yLjEtOC4zLTcuMS04LjMtNC4xIDAtOC4xIDEuNS0xMC44IDRWMTNoLTFsLTEyLjQgMi4ydjIuN2wzLjMgMS42djIxbC0zIDEuNXYzek0yNDUuMy40Yy0zIDAtNS40IDIuNC01LjQgNS41IDAgMyAyLjQgNS40IDUuNCA1LjQgMi45IDAgNS40LTIuNCA1LjQtNS40LS4xLTMuMS0yLjUtNS41LTUuNC01LjV6TTIzNyAxNS4xdjIuOGwzIDEuNnYyMC45bC0zIDEuNVY0NWgxNnYtMy4xbC0zLTEuNVYxMy4xaC0xbC0xMiAyek0yMjMgMzljLS43LjYtMS43IDEuMS0zLjIgMS4xLTQgMC01LjktMy4zLTUuOS0xMC45IDAtOC43IDIuNC0xMS42IDUuNi0xMS42IDEuOCAwIDIuOC42IDMuNSAxLjR2MjB6bTAtMjQuNGMtMS4yLS45LTMuMy0xLjQtNS0xLjQtNy40IDAtMTQuNSA0LjQtMTQuNSAxNi44IDAgMTEuOSA3LjEgMTUuNyAxMS44IDE1LjcgMy44IDAgNi40LTEuNyA3LjYtMy40aC4zdjMuM2guOWwxMS45LTEuNHYtMi4zbC0zLTEuOFYuNmgtMWwtMTIuNiAydjIuOGwzLjYgMS41djcuN3pNMTgxIDE4bDMgMS41djIwLjlsLTMgMS41VjQ1aDE3di0zLjFsLTQtMS41VjI0LjFjMS44LTEuNCA0LjEtMS45IDYuOC0xLjkuOSAwIDEuNi4yIDIuMi4zdi05Yy0uMy0uMS0uNy0uMi0xLjItLjItMy4zIDAtNiAyLjItNy44IDYuMlYxM2gtMWwtMTIgMnYzem0tMTkuMy0uOGMzLjkgMCA1LjMgMiA1LjMgNS45djMuNWwtNi4xIDEuMWMtNS45IDEuMS0xMC40IDIuOS0xMC40IDkuMyAwIDUuMSAzLjUgOC43IDguMyA4LjcgMy44IDAgNy40LTEuNyA4LjctNC40aC4zYy41IDMuMyAzLjMgNC40IDYuNCA0LjQgMi40IDAgNC44LS42IDUuNy0xLjZ2LTJsLTIuOS0xLjV2LTE4YzAtNy01LjItOS40LTEzLjMtOS40LTUuMyAwLTguNiAxLjMtMTEuNCAyLjZ2Ny44aDQuN2wyLTZjMS4xLS40IDIuMy0uNCAyLjctLjR6bTIuMyAyMi45Yy0xLjkgMC00LTEuMS00LTQuNiAwLTIuNCAyLjQtNC43IDQuOC01bDIuMi0uNXY4LjVzLTEuOSAxLjYtMyAxLjZ6bTEwMC43LTIyLjljMy45IDAgNS4zIDIgNS4zIDUuOXYzLjVsLTYuMSAxLjFjLTUuOSAxLjEtMTAuNCAyLjktMTAuNCA5LjMgMCA1LjEgMy41IDguNyA4LjMgOC43IDMuOCAwIDcuNC0xLjcgOC43LTQuNGguM2MuNSAzLjMgMy4zIDQuNCA2LjQgNC40IDIuNCAwIDQuOC0uNiA1LjctMS42di0ybC0yLjktMS41di0xOGMwLTctNS4yLTkuNC0xMy4zLTkuNC01LjMgMC04LjYgMS4zLTExLjQgMi42djcuOGg0LjdsMi02YzEuMS0uNCAyLjMtLjQgMi43LS40em0yLjMgMjIuOWMtMS45IDAtNC0xLjEtNC00LjYgMC0yLjQgMi40LTQuNyA0LjgtNWwyLjItLjV2OC41cy0xLjkgMS42LTMgMS42em0tMTM4LjcgNS42Yy40IDAgLjkgMCAxLjMtLjEgMy41LS4zIDYuNy0yIDguNC00LjJ2NC4xbDEyLTEuNXYtMmwtMy0yVjEzaC0xbC0xMiAyLjNWMThsNCAxLjdWMzhjLTEuMS44LTIuNCAxLjMtNC4yIDEuMy0yLjUgMC00LjgtLjgtNC44LTQuM1YxM2gtMWwtMTIgMi41djIuNmw0IDEuNlYzNmMwIDUuNCAyLjIgOS43IDguMyA5Ljd6TTk2IDM4Yy0xLjIgMC0yLjUtLjgtMi41LTEuOSAwLS44LjYtMS43IDEuNC0yLjMgMS42LjUgMyAuNiA1IC42IDcuOCAwIDEzLjItMy43IDEzLjItMTAuNCAwLTMtMS4zLTQuNi0zLjItNi40TDExNSAxOXYtNmwtOC4yIDEuNmMtMS45LS43LTQuNS0xLjYtNy0xLjYtNy44IDAtMTMuMiA0LjEtMTMuMiAxMC44IDAgNC4xIDIgNy4xIDUgOC44bC4yLjJjLTEuNyAxLjItNS4zIDQtNS4zIDcuMiAwIDIuNCAxLjUgNC44IDQuOCA1LjUtMy40LjgtNy4zIDIuNS03LjMgNi41IDAgNC4xIDUuOSA4IDE1LjUgOCAxMS44IDAgMTYuNS01LjcgMTYuNS0xMyAwLTYuMS0yLjgtOS05LjUtOUg5NnptNy41LTE0YzAgNS43LTEuMyA2LjUtMy41IDYuNXMtNC0uOC00LTYuNWMwLTUuOCAxLjgtNy41IDQtNy41czMuNSAyIDMuNSA3LjV6TTkyIDUwLjljLjEtMS41IDEuMS0zLjQgMy43LTMuNmg4LjZjMi41IDAgMy43IDIgMy43IDMuNiAwIDMuMi0yIDQuNC04LjMgNC40LTUuNSAwLTcuOC0yLjItNy43LTQuNHoiLz48cGF0aCBmaWxsPSIjQUFEOEYxIiBkPSJNODMgMzBjMC0xMy01LjEtMTYuOS0xMy0xNi45LTkgMC0xNSA2LjItMTUgMTYuNCAwIDEwLjUgNS41IDE2LjIgMTUuOCAxNi4yIDUuNiAwIDkuNy0yLjcgMTEuMi00Ljd2LTNjLTIuMS43LTMuOSAxLjItNy43IDEuMi01LjYgMC05LjMtMy4yLTkuMy05LjJoMTh6TTY5LjkgMTYuNmMyLjUgMCAzLjggMS44IDMuOCA5LjZsLTguNC43Yy4xLTcuOSAxLjgtMTAuMyA0LjYtMTAuM3pNMzcgNDV2LTNsLTMtMS41VjIxYzEuMi0uOSAzLjItMS43IDQuOC0xLjcgMi44IDAgNC4zIDEuNiA0LjIgNC4ydjE3TDQwIDQydjNoMTZ2LTNsLTMtMS41di0xOWMwLTUuNy0zLjMtOC4zLTcuNy04LjMtNC4xIDAtOC42IDEuMy0xMS4zIDMuOFYwaC0xTDIxIDJ2M2w0IDEuNXYzNEwyMiA0MnYzaDE1ek00IDM2LjRjMCA1LjcgMi44IDkuMyA4LjkgOS4zIDMuMSAwIDYuMi0uOCA4LjEtMi4zdi0zLjhjLS44LjMtMS45LjUtMi45LjUtMi45IDAtNC4xLTEuNi00LjEtNC42VjE5aDd2LTVoLTdWNi41TDQgOHY2bC00IDF2NGg0djE3LjR6Ii8+PC9zdmc+)

最佳答案

长字符串不是加密字符串,它是表示内容的 base64 编码字符串。使用 base64 字符串是一种表示二进制数据的方式,可用于内联内容而不是通过其他方式获取内容(例如,通过提供应从中下载资源的 URL)。

Data URI Scheme就是一个很好的例子,这也可以用于 SVG。

关于javascript - 加密数据 SVG URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27862465/

相关文章:

javascript - 从提供给 Vue (Vue.js 3) 的 Vuex 访问实例/服务

javascript - 如何在输入字段 "password"中显示文本并在输入后再次切换到密码 View

javascript - 如何在高对比度模式下设置边框颜色?

java - 使用什么模式在 Java 中解密来自 iPhone 的 RSA 消息?

python - svg 的 xpath,无法根据路径属性定位

javascript - Sails.js "Could not tear down ORM hook"错误与 sails-mongo

c# - 我应该如何加密 app.config 中的连接字符串?

c++ - C++中AES NI加密的正确方法

javascript - 为什么 Firefox 不测量这个 SVG 路径的长度

javascript - 使用 Javascript 或 CSS 检测形状上的点击/悬停,而不是其框模型的矩形