如何将 HTML 页面转换为 ImageLink

问题描述 投票:0回答:1

所以,我的主要目标是将 HTML 代码转换为图像链接。

我目前的计划是:

  1. 将 HTML 转换为 Base64 格式
  2. 使用IMGUR api端点基于此Base64文本img创建图像链接。

问题是我正在努力转换 html...

这是我正在处理的 HTML 页面

<html>
<head>
    <link href='https://fonts.googleapis.com/css?family=Oswald:300,200,700|Roboto:100,300,200,700,900' rel='stylesheet' type='text/css'>
    <link href='../../css/style_dafiti.css' rel='stylesheet' type='text/css'>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="../../css/html2canvas.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,700;1,200;1,700&display=swap" rel="stylesheet">
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    body {
        font-family: 'Roboto';
    }
    .custom-button {
            background-color: black;
            color: white;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            border-radius: 10px;
            padding: 10px 20px;
            cursor: pointer;
            border: none;
    }
    .custom-button:hover {
        background-color: #34a853; 
    }
    .recomendations-banner-crm {
        font-family: 'Poppins', sans-serif !important;
        position: relative;
        text-align: center;
        width: 350px;
        height: 215px;
        font-size: 1.9em;
        margin-top: 10px;
    }
    .image-recomendations-banner-crm {
        height: 215px;
        width: 148.5px;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        color: black;
    }
    .text-box-recomendations-banner-crm {
        height: 215px;
        position: absolute;
        top: 0;
        right: 0;
        height: 215px;
        width: 202px;
        color: black;
    }
    .title-recomendations-banner-crm {
        color: black;
        font-weight: 700;
        font-size: 20px;
        line-height: 21px;
        vertical-align: middle;
        margin: 0px 20px;
        padding-bottom: 3px;
    }
    .subtitle-recomendations-banner-crm {
        font-size: 10px;
        font-weight: 100;
        line-height: 12.5px;
        color: black;
        margin: 0px 20px 5px 20px;
        margin-bottom: 1px;
    }
    .cta-recomendations-banner-crm {
        display: inline-block;
        position: relative;
        bottom: 5px;
        padding: 3px 15px 4px 15px;
        font-weight: 700;
        border: 0.5px solid #000;
        border-radius: 25px;
        font-size: 9px;
        color: black;
    }
    .discount-recomendations-banner-crm {
        display: flex;
        justify-content: center;
        margin-top: 12.5px;
    }
    .banner-container {
        display: inline-block;
        margin-right: 10px;
    }
    .banner-container input {
        display: block;
        margin: 0 auto; 
        margin-top: 10px;
    }
</style>
</head>
<body>
  <table>
    <tr>
        <td>
<!--<a href="https://t-static.dafiti.com.br/8if3wTCf0BTR8_BILEty9rKry3Q=/fit-in/430x623/static.dafiti.com.br/p/santa-lolla-bolsa-santa-lolla-croco-preta-7209-13347121-1-zoom.jpg" target="_blank">  -->
<div class="banner-container">
        <div id="bannerprint" class="recomendations-banner-crm" ng-app="" style="background-color: #000000;">
            <div class="image-recomendations-banner-crm" id="imagebg">
            <img style="outline: none;" id="image" height="215" width="148.5" src="data:image/png;base64, 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">
        </div>
        <div class="text-box-recomendations-banner-crm" style="display: flex; justify-content: center; align-items: center; border-radius: 62.5px 0px 62.5px 0px; background-color: #34a853 !important; background: #34a853>;">
            <div>
                <h1 class="title-recomendations-banner-crm">
                    <i id="title">Bolsas</i>
                    <h2 class="subtitle-recomendations-banner-crm"><i id="title">Santa Lolla e Colci</i></h2>
                </h1>
                <div class="discount-recomendations-banner-crm" id="discountperdiv">
                    <p><i style="float: none; display: block; text-align: left; font-size: 10px; line-height: 0.7; margin-left: 1.5px;"><Até></i><span style="font-weight: 700; font-size: 80px; line-height: 0.9; letter-spacing: -3.5px;">30</span></p>
                    <p style="float: left; text-align: left; line-height: 0.9; margin-top: 9px; margin-left: 2.5px;"><span style="font-weight: 100; font-size: 46px;">%</span><br><span style="font-weight: 200; font-size: 26px;">OFF</span></p>
                </div>
                <div class="discount-recomendations-banner-crm" id="discountmoneydiv" style="display: none; padding-left: 10px;">
                    <p><i style="float: none; display: block; text-align: left; font-size: 10px; line-height: 0.7; margin-left: -14px;">{{prediscount}}</i><span style="font-weight: 100; font-size: 25px; line-height: 0.9; position: absolute; margin-top: 5px; margin-left: -15px;">R$</span><span style="font-weight: 700; font-size: 175px; line-height: 0.9; letter-spacing: -3.5px; margin-left: 15px;">{{discount}}</span></p>
                </div>
                <div class="cta-recomendations-banner-crm">Quero!</div>
            </div>
        </div>
        </a>
        </div>
        </td>
    </tr>
  </table>
</body>
</html>

我已经使用了一些在线 html->base64 站点转换器,但是当我尝试将这些生成的 base64imgs 转换回图像时,它不起作用。

任何帮助将不胜感激。

顺便说一句,我计划在 javascript 上执行此操作。

javascript html base64
1个回答
0
投票

对于基本的 HTML 到 SVG 转换(基本的独立样式等),您可以使用 SVG 的 foreignObject 结构,如下所示...

<svg xmlns="http://www.w3.org/2000/svg">

 <foreignObject x="0" y="0" height="500" width="500">

  <body xmlns="http://www.w3.org/1999/xhtml">

   <div style="color:blue;">Testing...</div>

  </body>

 </foreignObject>

</svg>

所以你可以将这个结构串起来并将其发送到画布,如下所示......

var S='<svg xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" height="500" width="500">'+

 '<body xmlns="http://www.w3.org/1999/xhtml"><div style="color:blue;">Testing...</div></body></foreignObject></svg>';


 var C=document.createElement('canvas'), Cx=C.getContext('2d');

 var I=new Image(); 

 I.crossOrigin='anonymous'; 

 I.src='data:image/svg+xml;base64,'+btoa(S);

 I.onload=function(){Cx.drawImage(this,0,0,C.width,C.height);};

然后将画布作为受支持格式之一的图像保存到磁盘。

但是,您可能想将整个网站保存为图像,对吧?我们都不是! :)

将具有外部样式表等的复杂 HTML 转换为图像是相当困难的,因此大多数人使用已知运行良好的现有专用库;比如 html2canvas 你可以从这里 DL...

https://html2canvas.hertzen.com/

我并不是说这是不可行的,或者这个库不会存在,但如果你想自己解决这个问题,你无法通过这篇文章在这个网站上一夜之间解决这个问题。祝你好运。

© www.soinside.com 2019 - 2024. All rights reserved.