C# Convert String to Bubble（開発者向けの仕組み）

IronPDFはHTMLからPDFへの変換をサポートしているので、HTMLとCSSを使用して簡単な吹き出しを作成できます。 文字列変数をPDFドキュメントに変換するためには、まず新しいChromePdfRendererインスタンスを作成する必要があります。

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // HTML and CSS content for the speech bubble
        string htmlContent = 
            "<div class='bubble'>Hello, this is a speech bubble!</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // HTML and CSS content for the speech bubble
        string htmlContent = 
            "<div class='bubble'>Hello, this is a speech bubble!</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}

PDF出力

ご覧のとおり、PDFドキュメントに吹き出しをレンダリングするためのHTMLおよびCSSコンテンツを含む文字列変数を作成しました。 次に、ChromePdfRendererクラスのRenderHtmlAsPdfメソッドを使用して、この文字列をPDFドキュメントにレンダリングして保存しました。

これらの手順に従うことで、テキスト"こんにちは、これは吹き出しです！"を含む新しいPDFドキュメントを生成し、単純な文字列からPDFを生成する基本をマスターすることができます。

単にPDFに基本的な吹き出しを追加するだけでなく、何かもっとしたい場合は？ CSSを使用して吹き出しをカスタマイズする方法を見てみましょう。 色、サイズ、および位置のCSSを調整することで、吹き出しが変更できます。 背景色とテキストサイズを変更する例を以下に示します：

.bubble {
  background: #ffcc00;
  color: #333;
  font-size: 16px;
}

動的テキストが必要な場合は、静的テキストをC#変数に置き換えることができ、最終的なコードは次のようになります：

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // User input for the dynamic speech bubble content
        string userInput = "This is a custom speech bubble!";

        // HTML and CSS content for the speech bubble with dynamic text
        string dynamicHtml = 
            $"<div class='bubble'>{userInput}</div>" +
            "<style>" +
            ".bubble {background: #ffcc00; color: #333; font-size: 16px; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(dynamicHtml);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // User input for the dynamic speech bubble content
        string userInput = "This is a custom speech bubble!";

        // HTML and CSS content for the speech bubble with dynamic text
        string dynamicHtml = 
            $"<div class='bubble'>{userInput}</div>" +
            "<style>" +
            ".bubble {background: #ffcc00; color: #333; font-size: 16px; }" +
            "</style>";

        // Render the HTML to a PDF
        PdfDocument pdf = renderer.RenderHtmlAsPdf(dynamicHtml);

        // Save the PDF file
        pdf.SaveAs("speechBubble.pdf");
    }
}

PDF出力

場合によっては、新しいPDFを生成するのではなく、既存のPDFに吹き出しを追加したい場合があります。 IronPDFを使用すると、既存のPDFに透かしとしてHTML要素をオーバーレイできます。

using IronPdf;

class Program
{
    public static void Main()
    {
        // Load an existing PDF document
        PdfDocument pdf = PdfDocument.FromFile("existing.pdf");

        // HTML and CSS content for the new speech bubble
        string newBubble = 
            "<div class='bubble'>New Comment</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Apply the speech bubble as a watermark on the existing PDF
        pdf.ApplyWatermark(newBubble);

        // Save the updated PDF file
        pdf.SaveAs("updated.pdf");
    }
}

using IronPdf;

class Program
{
    public static void Main()
    {
        // Load an existing PDF document
        PdfDocument pdf = PdfDocument.FromFile("existing.pdf");

        // HTML and CSS content for the new speech bubble
        string newBubble = 
            "<div class='bubble'>New Comment</div>" +
            "<style>" +
            ".bubble { display: inline-block; background: #f0f0f0; border-radius: 10px; padding: 10px 15px; position: relative; font-family: Arial, sans-serif; }" +
            ".bubble::after { content: ''; position: absolute; bottom: -10px; left: 20px; border-width: 10px; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; }" +
            "</style>";

        // Apply the speech bubble as a watermark on the existing PDF
        pdf.ApplyWatermark(newBubble);

        // Save the updated PDF file
        pdf.SaveAs("updated.pdf");
    }
}

PDF出力

上記のコード例で示されるように、新しい吹き出しを追加する予定のPdfDocument.FromFile()を使用して既存のPDFドキュメントを読み込むことで開始します。 次に、シンプルなHTMLとCSSを使用して、newBubbleというHTMLコンテンツの文字列表現で吹き出しを作成しました。 最後に、この新しい吹き出しをPDFに適用するには、ApplyWatermarkメソッドを使用するだけで済みました。

IronPDFの透かしツールをこのように使用することで、開発者は既存のPDFドキュメントにHTMLコンテンツを簡単に適用できます。

ユーザー入力、データベース、またはAPIに基づいて吹き出しを動的に作成する必要がある場合は、データをループして複数の吹き出しを生成できます。

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // List of messages to convert into speech bubbles
        List<string> messages = new List<string> { "Hello!", "How are you?", "This is IronPDF!" };
        string htmlBubbles = "";

        // Generate HTML for each message
        foreach (var msg in messages)
        {
            htmlBubbles += $"<div class='bubble'>{msg}</div>";
        }

        // Render the HTML to a PDF
        var pdf = renderer.RenderHtmlAsPdf(htmlBubbles);

        // Save the PDF file
        pdf.SaveAs("updated.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main()
    {
        // Create a new PDF renderer instance
        ChromePdfRenderer renderer = new ChromePdfRenderer();

        // List of messages to convert into speech bubbles
        List<string> messages = new List<string> { "Hello!", "How are you?", "This is IronPDF!" };
        string htmlBubbles = "";

        // Generate HTML for each message
        foreach (var msg in messages)
        {
            htmlBubbles += $"<div class='bubble'>{msg}</div>";
        }

        // Render the HTML to a PDF
        var pdf = renderer.RenderHtmlAsPdf(htmlBubbles);

        // Save the PDF file
        pdf.SaveAs("updated.pdf");
    }
}

PDF出力

このコードは、Listからの文字列をforeachループを使って吹き出しに変換します。このようなメソッドを使用してPDFドキュメント上で文字列を吹き出しに変換することで、チャットログや通知、さらには自動化されたレポートなどのデータを簡単に表示可能な吹き出しに変えることができます。

整数変数の割り当て

int変数を宣言して、吹き出し用のカウンターを格納できます：

int i = 0;
for (i = 0; i < 5; i++)
{
    Console.WriteLine($"Generating speech bubble {i + 1}");
}

int i = 0;
for (i = 0; i < 5; i++)
{
    Console.WriteLine($"Generating speech bubble {i + 1}");
}

文字列を整数値に解析

文字列入力をint の結果に解析する必要がある場合は、 parse メソッドを使用できます。

string input = "42";
int result = int.Parse(input);

string input = "42";
int result = int.Parse(input);

これにより、テキスト入力が使用可能な数値フォーマットの変数に変換され、正しいフォーマットに変換されます。