with Dots! and HTML/CSS to Image?
Dots is a simple, powerful API for creating and manipulating dots on a HTML5
Canvas. With Dots, you can create anything from simple animations to full-blown
games.
Here are some examples of what you can build with the Dots API:
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
dots_: {
type: "app",
app: "dots_",
}
},
async run({steps, $}) {
const data = {
"email": `replace_with_email`,
"country_code": `replace_with_country_code`,
"phone_number": `replace_with_phone_number`,
"first_name": `replace_with_first_name`,
"last_name": `replace_with_last_name`,
"username": `replace_with_username`,
}
return await axios($, {
method: "post",
url: `https://${this.dots_.$auth.domain}.com/api/users/create`,
headers: {
"Content-Type": `application/json`,
},
auth: {
username: `${this.dots_.$auth.client_id}`,
password: `${this.dots_.$auth.api_key}`,
},
data,
})
},
})
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.
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,
})
},
})