puppeteer social image:通过puppeteer HTML使用HTML + CSS创建动态社交共享图像源码

qqprohibitive63929 16 0 ZIP 2021-02-27 17:02:20

木偶社会形象通过操纵up使用HTML + CSS创建动态社交共享图像。有关托管版本,请参见。安装 npm i puppeteer-social-image --save 用法渲染“基本”模板 import renderSocialImage from "puppeteer-social-image" ; renderSocialImage ( { template : "basic" , templateParams : { imageUrl : "https://images.unsplash.com/photo-1557958114-3d244020

文件列表

puppeteer-social-image-master.zip (预估有个59文件)

puppeteer-social-image-master

.gitignore 188B

.babelrc 32B

.eslintrc 406B

package.json 3KB

commitlint.config.js 295B

src

templates

fiftyfifty.js 3KB

index.js 149B

basic.js 2KB

article.js 2KB

index.js 4KB

helpers

resolve-base-params.js 426B

resolve-params.js 747B

build-unsplash-url.js 395B

index.js 340B

compile-template.js 2KB

compile-preview.js 1KB

compile-image-template.js 1KB

__tests__

index.test.js 18KB

__image_snapshots__

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-accept-expected-params-1-snap.png 482KB

index-test-js-puppeteer-social-image-render-social-image-must-generate-an-image-with-a-custom-template-when-providing-multiple-custom-templates-1-snap.png 23KB

index-test-js-puppeteer-social-image-render-social-image-article-template-must-accept-subtitle-1-snap.png 52KB

index-test-js-puppeteer-social-image-render-social-image-article-template-must-generate-as-a-preview-image-as-expected-1-snap.png 826KB

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-accept-optional-params-1-snap.png 513KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-watermark-param-1-snap.png 29KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-font-weight-param-1-snap.png 23KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-watermark-url-param-1-snap.png 42KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-unsplash-id-param-1-snap.png 805KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-not-generate-as-a-preview-image-when-using-an-invalid-preview-size-1-snap.png 31KB

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-accept-split-diagonal-param-1-snap.png 490KB

index-test-js-puppeteer-social-image-render-social-image-article-template-must-accept-expected-params-1-snap.png 818KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-logo-param-1-snap.png 32KB

index-test-js-puppeteer-social-image-render-social-image-must-generate-an-image-with-a-custom-size-1-snap.png 20KB

index-test-js-puppeteer-social-image-render-social-image-must-accept-a-custom-browser-instance-1-snap.png 24KB

index-test-js-puppeteer-social-image-render-social-image-must-generate-an-image-with-a-custom-template-1-snap.png 29KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-logo-and-watermark-param-1-snap.png 37KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-font-family-param-1-snap.png 24KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-google-font-param-1-snap.png 30KB

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-generate-as-a-preview-image-as-expected-1-snap.png 528KB

index-test-js-puppeteer-social-image-render-social-image-must-generate-an-image-as-expected-1-snap.png 24KB

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-prefer-watermark-to-footer-1-snap.png 488KB

index-test-js-puppeteer-social-image-render-social-image-fiftyfifty-template-must-accept-split-diagonal-reverse-param-1-snap.png 491KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-generate-as-a-preview-image-as-expected-1-snap.png 68KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-pass-all-params-to-custom-templates-1-snap.png 56KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-background-param-1-snap.png 21KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-image-url-param-1-snap.png 462KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-watermark-text-param-1-snap.png 39KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-font-size-param-1-snap.png 19KB

index-test-js-puppeteer-social-image-render-social-image-basic-template-must-accept-color-param-1-snap.png 20KB

.travis.yml 34B

LICENSE 1KB

CHANGELOG.md 9KB

.prettierrc.json 19B

rollup.config.js 822B

.prettierignore 195B

README.md 9KB

.eslintignore 194B

jest-setup.js 107B

.yarnrc 35B

yarn.lock 327KB

用户评论

暂无评论

curso html css feliz您可以通过FirefLabs处理HTML和CSS脚本源码

curso-html-css-feliz:您可以通过FirefLabs处理HTML和CSS脚本

4 2021-04-05
Puppeteer环境搭建的详细步骤

Puppeteer是Google开发并开源的一款工具，可用代码驱动浏览器操作。由于诸多优秀的特性，Puppeteer常被用在爬虫与自动化测试上。详细介绍参见官方 Puppeteer本身是个NodeJS

20 2020-12-23
puppeteer chrome extension player crx插件

木偶Chrome扩展程序播放器 https://github.com/kyo-ago/puppeteer-chrome-extension-player 支持语言:English

23 2021-04-04
puppeteer lambda starter kit Puppeteer在AWS Lambda上运行Headless Chrome的入门工具包源码

Puppeteer Lambda入门套件用于在AWS Lambda上运行Headless-Chrome的入门工具包。它可以单独使用,也可以支持。下载单独使用这很简单,不需要IAM角色,但是

14 2021-02-01
boolean uk html boolean image grid用CodeSandbox创建源码

boolean-uk-html-boolean-image-grid 用CodeSandbox创建

14 2021-05-04
Html image标签配合map使用

NULL 博文链接:https://zongyukai20070419095606.iteye.com/blog/603698

16 2020-09-29
html2image安装使用

html2image是一个运行在Linux/Unix平台上将网页转化为图片的工具，它能将网页转化为bmp、png和jpg等格式的图片。通常，html2image需要运行在一个Xserver上，不过我们

51 2019-06-05
html css js动态文字时钟

效果思路是利用css的transform属性和js,来实现时钟布局和旋转。代码如下: 动态时钟 .total { position: absolute; display: flex; justify

13 2021-01-16
html加css实现动态爱心

html加css实现动态爱心

9 2022-07-05
我的网站使用HTML CSS和JavaScript创建的网站源码

我的网站使用HTML CSS和JavaScript制作的网站

31 2021-02-22

puppeteer social image:通过puppeteer HTML使用HTML + CSS创建动态社交共享图像 源码

文件列表

用户评论

推荐下载

puppeteer social image:通过puppeteer HTML使用HTML + CSS创建动态社交共享图像源码