using System;
using Aspose.Html.Dom;
using Aspose.Html.IO;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Drawing;
using Aspose.Html;
using Aspose.Html.Rendering;
using System.Diagnostics;
using System.IO;
namespace Task1068
{
class Program
{
private static HTMLDocument _document=new HTMLDocument();
static void Main()
{
GenerateSampleHtml5Document();
RenderSimpleExample(@"C:\Aspose\files\filter_h1.jpg");
}
private static void RenderSimpleExample(string outputImgFile)
{
var imgOptions = new ImageRenderingOptions
{
Format = ImageFormat.Jpeg,
PageSetup =
{
AnyPage = new Page(new Aspose.Html.Drawing.Size(Unit.FromPixels(1366),Unit.FromPixels(768)))
}
};
var imgDevice = new MyImageDevice(imgOptions, outputImgFile);
var renderer = new HtmlRenderer();
Console.WriteLine("Render JPG file started...");
renderer.Render(imgDevice, _document);
Console.WriteLine("Render JPG file finished.");
}
private static void GenerateSampleHtml5Document()
{
_document.InsertBefore(_document.CreateDocumentType("html", "", "", ""), _document.DocumentElement);
_document.DocumentElement.SetAttribute("lang", "en");
_document.Title = "Page for IMG rendering demo";
var head = _document.GetElementsByTagName("head")[0];
var metaCharSet = (HTMLMetaElement)_document.CreateElement("meta");
metaCharSet.SetAttribute("charset", "UTF-8");
var metaViewPort = (HTMLMetaElement)_document.CreateElement("meta");
metaViewPort.Name = "viewport";
metaViewPort.Content = "width=device-width, initial-scale=1";
var linkElement1 = (HTMLLinkElement)_document.CreateElement("link");
linkElement1.Href = "http://cdn.myunv.com/css/uecore.css";
linkElement1.Rel = "stylesheet";
var linkElement2 = (HTMLLinkElement)_document.CreateElement("link");
//linkElement2.Href = "https://fonts.googleapis.com/css?family=Germania+One";
linkElement2.Href = "https://fonts.googleapis.com/css?family=Merriweather|Roboto+Slab";
linkElement2.Rel = "stylesheet";
var style = (HTMLStyleElement)_document.CreateElement("style");
//style.TextContent = "h1 {color: red;} h2 {color:green} table { border: 1px dashed black}" +
// "h2 {page-break-after: always; } p {font-family: 'Germania One', cursive;}" + "@page { size: 7in 9.25in; margin: 27mm 16mm 27mm 16mm; }";
style.TextContent = "h1 {color: red; font-family: 'Roboto Slab', serif;}" +
"h2 {color:green} " +
"table { border: 1px dashed black}" +
"p {font-family: 'Merriweather', serif;}";
//"p {font-family: 'Germania One', cursive;}";
head.AppendChild(metaCharSet);
head.AppendChild(metaViewPort);
head.AppendChild(linkElement1);
head.AppendChild(linkElement2);
head.AppendChild(style);
var header1 = (HTMLHeadingElement)_document.CreateElement("h1");
header1.TextContent = "Heading 1";
var header2 = (HTMLHeadingElement)_document.CreateElement("h2");
header2.TextContent = "Heading 2";
_document.DocumentElement.LastElementChild.AppendChild(header1);
_document.DocumentElement.LastElementChild.AppendChild(header2);
var colors = new[] { "red", "orange", "black", "green", "blue", "indigo", "violet" };
var alignment = new[] { "left", "right", "center" };
for (var i = 0; i < 2; i++)
{
var paragraph = (HTMLParagraphElement)_document.CreateElement("p");
paragraph.Id = $"par{i}";
//paragraph.Style.SetProperty("font-weight", i % 2 == 0 ? "700" : "400", "");
paragraph.Style.SetProperty("color", colors[i % 7], "");
//paragraph.Style.SetProperty("text-align", alignment[i % 3], "");
paragraph.TextContent = LoremNET.Lorem.Paragraph(50, 25);
_document.DocumentElement.LastElementChild.AppendChild(paragraph);
}
HTMLImageElement img = (HTMLImageElement)_document.CreateElement("img");
img.Src = "http://lorempixel.com/400/200/sports/1";
img.Alt = "Placeholder 400x200";
img.Title = "Placeholder image";
_document.DocumentElement.LastElementChild.AppendChild(img);
//Adding an ordered list
HTMLOListElement orderedListElement = (HTMLOListElement)_document.CreateElement("ol");
for (var i = 0; i < 10; i++)
{
HTMLLIElement listItem = (HTMLLIElement)_document.CreateElement("li");
listItem.TextContent = $"Item {i + 1}";
orderedListElement.AppendChild(listItem);
}
_document.DocumentElement.LastElementChild.AppendChild(orderedListElement);
// Adding simple table 4x3
var table = (HTMLTableElement)_document.CreateElement("table");
var tBody = (HTMLTableSectionElement)_document.CreateElement("tbody");
for (var i = 0; i < 4; i++)
{
var row = (HTMLTableRowElement)_document.CreateElement("tr");
row.Id = "trow_" + i;
for (var j = 0; j < 3; j++)
{
var cell = (HTMLTableCellElement)_document.CreateElement("td");
cell.Id = $"cell{i}_{j}";
cell.TextContent = "Cell " + j;
row.AppendChild(cell);
}
tBody.AppendChild(row);
}
table.AppendChild(tBody);
_document.DocumentElement.LastElementChild.AppendChild(table);
}
}
internal class MyImageDevice : ImageDevice
{
public override bool BeginElement(Element element, System.Drawing.RectangleF rect)
{
Trace.WriteLine(element.TagName+" "+rect.ToString());
return !element.TagName.Equals("H2") && base.BeginElement(element, rect);
}
public MyImageDevice(ImageRenderingOptions options, ICreateStreamProvider streamProvider) : base(options, streamProvider) { }
public MyImageDevice(ImageRenderingOptions options, string file) : base(options, file) { }
public MyImageDevice(ImageRenderingOptions options, Stream stream) : base(options, stream) { }
}
}
Comments