Skip to content

Instantly share code, notes, and snippets.

@xgqfrms
Forked from anonymous/example.js
Last active January 26, 2022 09:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xgqfrms/ec4fb456eca764fa9c196d903babe223 to your computer and use it in GitHub Desktop.
Save xgqfrms/ec4fb456eca764fa9c196d903babe223 to your computer and use it in GitHub Desktop.
watermark (SVG + Base64)

watermark

var svgText = '<...>'; // SVG source XML

// New browsers: Blob URL
var svgBlob = new Blob([svgText], {type : 'image/svg+xml'});
myImage.src = URL.createObjectURL(svgBlob);

// Older browsers: Data URL (smaller size limit)
var dataUrl = 'data:image/svg+xml,' + encodeURI(svgText);
myImage.src = dataUrl;

https://codepen.io/xgqfrms/pen/WNGXqeZ?editors=1010

@xgqfrms
Copy link
Author

xgqfrms commented Jan 26, 2022

@xgqfrms
Copy link
Author

xgqfrms commented Jan 26, 2022

@xgqfrms
Copy link
Author

xgqfrms commented Jan 26, 2022

SVG & Blob & Base64

作者:xgqfrms
链接:https://www.cnblogs.com/xgqfrms/p/12289861.html
来源:https://www.cnblogs.com
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
©xgqfrms 2012-2021
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️

@xgqfrms
Copy link
Author

xgqfrms commented Jan 26, 2022

前端水印实现方式 All In One
作者:xgqfrms
链接:https://www.cnblogs.com/xgqfrms/p/15847231.html
来源:https://www.cnblogs.com
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
©xgqfrms 2012-2021
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️

@xgqfrms
Copy link
Author

xgqfrms commented Jan 26, 2022

https://stackoverflow.com/questions/27230293/how-to-draw-an-inline-svg-in-dom-to-a-canvas

SVG to Image in js

作者:xgqfrms
链接:https://www.cnblogs.com/xgqfrms/p/10516810.html
来源:https://www.cnblogs.com
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
©xgqfrms 2012-2021
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment