[英]How can I generate an image based on text and CSS?
我正在開發一個網絡應用程序。 它使用來自API的信息為游戲生成簽名。
我需要使用腳本存儲圖像,該腳本收集信息並將其轉換為圖像。
你知道一種將文字+ CSS變成圖像的方法嗎?
是的,這可以完成,你想要做的是在畫布上繪制文本,然后保存畫布。 你不需要畫布顯示,你可以像任何其他html元素一樣隱藏它,只需添加它,在其上繪制文本,然后保存它。
以下是保存庫的鏈接: https : //github.com/hongru/canvas2image
一些示例代碼在畫布上繪制文本:
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Your Text",10,50);
// save img
Canvas2Image.saveAsImage(c, 200, 100, 'png');
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.