Comments (3)
An example of the type of CSS I'd like to be using:
.square.blue-bubble-bottom-left {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"%3E%3Cpath fill="none" d="M0,657C0,438,0,219,0,0c360,0,720,0,1080,0c0,360,0,720,0,1080c-186.7,0-373.3,0-560,0c0.3-1.5,0.4-3.2,0.9-4.6 c19.7-58.2,24.6-117.7,13.7-178.2c-13.7-76.2-48.2-141.9-104.9-194.5c-90.3-83.8-196.9-113-317.7-90.1C71.9,620.2,34.8,635.9,0,657z"%3E%3C/path%3E%3Cpath fill="%23182430" d="M0,657c34.8-21.1,71.9-36.8,112-44.4c120.8-22.9,227.4,6.3,317.7,90.1C486.5,755.4,521,821,534.6,897.2 c10.9,60.5,6,119.9-13.7,178.2c-0.5,1.5-0.6,3.1-0.9,4.6c-173.2,0-346.5,0-520,0C0,939,0,798,0,657z"%3E%3C/path%3E%3C/svg%3E');
}
from modern-screenshot.
There doesn't seem to be any errors.
from modern-screenshot.
See sample here:
https://dev.overbord.no/sandbox/social/ - please choose Square, then Big Picture, then Bottom Left, which has the SVG in the CSS.
This is the capture code:
jQuery('#download').click(function() {
jQuery('#socialcanvas').removeClass('canvas-zoom-out');
modernScreenshot.domToJpeg(document.getElementById('socialcanvas'), { quality: 1, width:canvWidth, height:canvHeight })
.then(dataUrl => {
var link = document.createElement('a');
link.download = shapetrimmed + ' - ' + fileTitle + '.jpeg';
link.href = dataUrl;
link.click();
jQuery('#socialcanvas').addClass('canvas-zoom-out');
});
});
from modern-screenshot.
Related Issues (20)
- 请问如何生成底色为白色的图片🙋🏻♀️
- 圆角无法画出
- Checkbox, Radio, Select not rendering their state HOT 1
- 截取的图片顶部偏移、和左偏移很大
- Unexpected wrap caused by lost floating point precision HOT 1
- 使用domToPng在特定的OPPO Find X3等机型上,对包含图片类的dom截图处理后发现图片区域为灰色 HOT 1
- Anyway to omit so many console warnings?
- unable to render scrolling position HOT 2
- Remove
- 能不能不要加载css中的所有字体
- Question: is it possible for me to x, y locations of the cloned nodes and its children? HOT 1
- Fonts not getting exported in the img ? HOT 1
- 新版火狐浏览器下内容多时使用domToCanvas提示Failed image load ,图片黑屏 HOT 1
- onCloneNode回调内修改样式以及追加dom元素后,截图没有效果,应当等待onCloneNode回调执行完毕后,再继续执行截图
- Im getting low quality when exporting with domToJpeg and domToBlob
- 内容显示偏移
- 文字的字体没有在截图的图片中 HOT 2
- 如何添加多个dom节点,实现模块化截图 HOT 1
- CSS attr() in pseudo-elements doesn't work in Firefox
- Threads not closing after converting DOM to image
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from modern-screenshot.