1

我目前正在处理我的简历，并试图在上面有一些由线条组成的整洁的圆圈。

所以我使用了重复线性渐变，它可以工作，就像当你点击 CTRL + P 时它显示在浏览器和打印屏幕上一样，但是当你实际将它保存为 PDF 时，圆圈不会出现在 PDF 中文件。

我在 Google Chrome、Firefox、Microsoft Edge 上试过这个，但这些浏览器都不工作。

我只是想知道我是否做错了什么，或者是否有解决方法。

下面是我如何设置一个示例供您测试，我只是在 HTML 中创建了一个 div 并在 CSS 中应用了一些类。自己尝试一下，看看是否可以将由线条组成的圆圈保存为 PDF。我将不胜感激任何帮助解决这个问题。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Striped Circle</title>

        <style>
            .circle {
                position: absolute;
                width: 300px;
                height: 300px;
                border-radius: 50%;
            }

            .circle-1 { /* Top Left */
                background-color: transparent;
                background-image: repeating-linear-gradient(135deg,
                #333 0 4px, /* [color] [start-point] [end-point] */
                transparent 4px 10px);
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        </style>
    </head>
    <body>
        <div class="circle circle-1"></div>
    </body>
</html>

4

1 回答 1

0

是否打印背景是浏览器中的一个选项。

选择打印并保存到 PDF 后，选择更多设置并选择背景图形。然后，您应该会看到条纹圆圈 OK。

在此处输入图像描述

于 2021-02-27T21:14:45.183 回答