Integrate the HTML/CSS to Image API with the Filter API

Setup the HTML/CSS to Image API trigger to run a workflow which integrates with the Filter API. Pipedream's integration platform allows you to integrate HTML/CSS to Image and Filter remarkably fast. Free for developers.

Popular HTML/CSS to Image and Filter Actions#

Create Image From HTML with the HTML/CSS to Image API

Create Image From HTML. See the docs.

Try it

Continue execution if a condition Is met with the Filter API

Continue workflow execution only if a condition is met

Try it

Create Image From URL with the HTML/CSS to Image API

Create Image From URL. See the docs.

Try it

End execution if a condition is met with the Filter API

End workflow execution if a condition is met

Try it

Overview of HTML/CSS to Image#

The HTML/CSS to Image API lets you programmatically create images from HTML and CSS, which is perfect for generating custom graphics, charts, or even to convert web content for sharing on social media. On Pipedream, you can harness this API within a serverless workflow, triggering image generation from various events, managing the data flow, and integrating with countless other apps to create powerful automations.

Connect HTML/CSS to Image#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_css_to_image: {
      type: "app",
      app: "html_css_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
      "url": `https://google.com`,
    }
    return await axios($, {
      method: "post",
      url: `https://hcti.io/v1/image`,
      auth: {
        username: `${this.html_css_to_image.$auth.user_id}`,
        password: `${this.html_css_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

Overview of Filter#

The Filter API in Pipedream allows for real-time data processing within workflows. It's designed to evaluate data against predefined conditions, enabling workflows to branch or perform specific actions based on those conditions. This API is instrumental in creating efficient, targeted automations that respond dynamically to diverse datasets. Using the Filter API, you can refine streams of data, ensuring that subsequent steps in your Pipedream workflow only execute when the data meets your specified criteria. This cuts down on unnecessary processing and facilitates the creation of more intelligent, context-aware systems.

Connect Filter#

export default defineComponent({
  async run({ steps, $ }) {
    let condition = false
    if (condition == false) {
      $.flow.exit("Ending workflow early because the condition is false")
    } else {
        $.export("$summary", "Continuing workflow, since condition for ending was not met.")
    }
  },
})