Comments (5)
怀疑是 chrome 升级导致
给 dom 设置 webkitBackgroundClip ,比如 document.body.style.webkitBackgroundClip = "text";
会自动去除 webkit 前缀,但是 chrome 渲染还是正常
from modern-screenshot.
可以尝试先升级 modern-screenshot
到最新版试试, 最新版文字渐变应该是正常的
from modern-screenshot.
可以尝试先升级
modern-screenshot
到最新版试试, 最新版文字渐变应该是正常的
不行,手动 css 加了 -webkit-background-clip: text 后截图正常
from modern-screenshot.
通过 JS 设置 style.webkitBackgroundClip 好像是不行,具体我也不清楚(浏览器行为),我这边处理也是手动加
class 以保证这个特性
目前应该只能支持通过 CSS 的 -webkit-background-clip: text
- 使用 JS 添加 class
- 使用 CSS
from modern-screenshot.
通过 JS 设置 style.webkitBackgroundClip 好像是不行,具体我也不清楚(浏览器行为),我这边处理也是手动加 class 以保证这个特性
目前应该只能支持通过 CSS 的
-webkit-background-clip: text
- 使用 JS 添加 class
- 使用 CSS
那不应该有问题,库已经做了适配了
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.