From d64fef63330b3e9084d7cc3dd3741db2ab03fdf7 Mon Sep 17 00:00:00 2001 From: kumavis Date: Sat, 4 Jun 2016 12:32:31 -0700 Subject: Update svg-notifications.md --- svg-notifications.md | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) (limited to 'svg-notifications.md') diff --git a/svg-notifications.md b/svg-notifications.md index 2c9e5cc2c..fdbb640c1 100644 --- a/svg-notifications.md +++ b/svg-notifications.md @@ -2,21 +2,8 @@ Chrome notifications allow you to show an SVG image via a data-uri Taking advantage of this might allow us to show nicely formatted notifications -Heres some utilities for preparing the data uri: - http://dopiaza.org/tools/datauri/index.php - provide text - no base64 - specify mime type: image/svg+xml - result should look like: - ``` - data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%0D%0A%20%20width%3D%271000px%27%20height%3D%27500px%27%20viewBox%3D%270%200%20200%20100%27%3E%0D%0A%20%20%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27white%27%20%2F%3E%0D%0A%20%20%3Ctext%20x%3D%270%27%20y%3D%2720%27%20font-family%3D%27monospace%27%20font-size%3D%276%27%20fill%3D%27black%27%3E%0D%0A%20%20%20%20%3Ctspan%20x%3D%270%27%20dy%3D%271.2em%27%3EDomain%3A%20https%3A%2F%2Fboardroom.to%3C%2Ftspan%3E%0D%0A%20%20%20%20%3Ctspan%20x%3D%270%27%20dy%3D%271.2em%27%3EFrom%3A%20%200xabcdef%3C%2Ftspan%3E%0D%0A%20%20%20%20%3Ctspan%20x%3D%270%27%20dy%3D%271.2em%27%3ETo%3A%20%20%20%200xfedcba%3C%2Ftspan%3E%0D%0A%20%20%20%20%3Ctspan%20x%3D%270%27%20dy%3D%271.2em%27%3EValue%3A%201.025%20Ether%3C%2Ftspan%3E%0D%0A%20%20%20%20%3Ctspan%20x%3D%270%27%20dy%3D%271.2em%27%3EGas%3A%200.025%20Ether%3C%2Ftspan%3E%0D%0A%20%20%3C%2Ftext%3E%0D%0A%3C%2Fsvg%3E - ``` - build a template using pure svg: -generate uri -`'data:image/svg+xml;charset=utf-8,'+encodeURIComponent(svgSrc)` - ``` @@ -31,6 +18,9 @@ generate uri ``` +generate uri +`'data:image/svg+xml;charset=utf-8,'+encodeURIComponent(svgSrc)` + or svg-embedded html: ``` -- cgit