PDFlerde Grafik ve Grafikleri Rendere Etme

import com.ironsoftware.ironpdf.PdfDocument;
import com.ironsoftware.ironpdf.render.ChromePdfRenderOptions;
import com.ironsoftware.ironpdf.render.CssMediaType;
import java.io.IOException;
import java.nio.file.Paths;

String htmlWithJs = "var htmlWithJs = @\"<!DOCTYPE html>\n" +
        " <html>\n" +
        " <head>\n" +
        " <meta charset='utf-8' />\n" +
        " <title>C3 Bar Chart</title>\n" +
        " </head>\n" +
        " <body>\n" +
        " <div id='chart' style='width: 950px;'></div>\n" +
        " <script src='https://d3js.org/d3.v4.js'></script>\n" +
        " <!-- Load c3.css -->\n" +
        " <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.css' rel='stylesheet'>\n" +
        " <!-- Load d3.js and c3.js -->\n" +
        " <script src='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.js'></script>\n" +
        " <script>\n" +
        " Function.prototype.bind = Function.prototype.bind || function (thisp) {\n" +
        " var fn = this;\n" +
        " return function() {\n" +
        " return fn.apply(thisp, arguments);\n" +
        " };\n" +
        " };\n" +
        " var chart = c3.generate({\n" +
        " bindto: '#chart',\n" +
        " data: {\n" +
        " columns: [\n" +
        " ['data1', 30, 200, 100, 400, 150, 250],\n" +
        " ['data2', 50, 20, 10, 40, 15, 25]\n" +
        " ]\n" +
        " }\n" +
        " });\n" +
        " </script>\n" +
        " </body>\n" +
        " </html>\"";

ChromePdfRenderOptions renderingOptions = new ChromePdfRenderOptions();
renderingOptions.setEnableJavaScript(true);
renderingOptions.setWaitFor(new WaitFor(1000));
renderingOptions.setCssMediaType(CssMediaType.PRINT);

PdfDocument pdf = PdfDocument.renderHtmlAsPdf(htmlWithJs, renderingOptions);

// Save the PDF
try {
    pdf.saveAs(Paths.get("assets/js_chart.pdf"));
} catch(IOException exception) {
    exception.printStackTrace();
}

PDFlerde Grafik ve Grafikleri Rendere Etme

IronPDF, modern JavaScript teknolojileri ile oluşturulmus grafikler, cizelgeler ve diğer elemanlari iceren web sayfalarini isleyebilir.

IronPDF, WebGL'i destekler ve bu sayede makinenin donanim grafik yeteneklerini kullanarak web tuvali uzerinde oluşturulmus elemanlari isleyebilir.

IronPDF, asagidaki gibi tüm ucuncu taraf grafik kutuphanelerini destekler:

C3.js
D3.js
Highcharts

setEnableJavaScript yöntemi, bir web sayfasındaki dahili veya harici olarak referans verilen JavaScript'in işlenmesini etkinleştirmesi için geliştiriciye olanak tanır. IronPDF'nin bir web sayfasinda grafik ve cizelgelerin gösterilmesi icin gerekli olan JavaScript'i işlemeye olanak tanimasi icin bu ozelligin true olarak ayarlanmasi gerekmektedir.

setRenderDelay, IronPDF'in bir web sayfasının JavaScript yorumlamasını, DOM'unu yükledikten sonra belirli bir süre (milisaniye cinsinden) ertelemesi için ayarlar. Bu yöntem, IronPDF'nin HTML-to-PDF ceviricisinin, tarayici yukleme işlemini basattirdiktan sadece saniyeler sonra web sayfasinda gorunen içerikleri yakalamasini saglayan onemli bir yöntemdir. Bu, tamamlanmasi uzun sure alan asenkron JavaScript kodlari icin özellikle gecerlidir.

Daha fazla bilgi için ChromePdfRenderOptions sınıfında mevcut olan ek yöntemler hakkında JavaScript Grafiklerini PDF'ye Kod Örneğina bakın.

JavaScript Grafiklerini PDF'ye Dönüştürun

IronPDF'yi Maven projenize ekleyin:
ChromePdfRenderOptions kullanarak JavaScript'i etkinleştirin ve gecikme/medya türünü yapılandırın.
PdfDocument.renderHtmlAsPdf(...) kullanarak HTML'yi (satır içi dize, dosya veya URL) işleyin.
Çıktıyı saveAs(...) ile kaydedin.

PDF Render etme icin JavaScript'i Etkinlestirmeyi Ogrenin