javascript 如何在Kittl网站上选择元素

ecbunoof 于 2022-12-28 发布在 Java

关注(0)|答案(1)|浏览(174)

抱歉，我的英语。
我正在为Cava、Photopea和Kittl开发一个自动化扩展。
我们的chrome扩展将从csv文件中读取值，并自动替换设计上的文本。我正在设计一个T恤模板，我有两个文本元素"名称"，"口号"在这个设计。在CSV文件中，我列出了名称和口号的值。我们的应用程序将查找和替换文本，然后保存为png结果。
我已经在Cana和Photopea上成功实现了我的想法，但在Kittl上却没有。问题是我在检查HTML页面时看不到这些元素。因此，我不能使用javascript来选择这些元素并替换文本。
T-Shirt Sample
我以为他们使用的是画布HTML，但我试图获得一个上下文和填充文本，但它失败了。我想知道他们是如何隐藏这些元素，什么是解决方案，以选择一个元素的设计Kittl。

JavaScript

来源：https://stackoverflow.com/questions/74926700/how-to-select-an-element-on-kittl-website

1条答案

按热度按时间

jdg4fx2g1#

如果你试图开发一种扩展，该扩展将使用来自CSV文件的数据来自动化替换设计中的文本的过程，并且对于使用画布元素来呈现文本的网站，你在这样做时遇到困难，则你将需要使用画布API来操纵文本。画布API提供用于将文本和其它图形绘制到画布上的方法，并且可以使用这些方法来选择和操作呈现在画布上的文本元素，还可以使用measureText方法来测量文本的宽度并根据需要将其放置在画布上。

示例如何使用canvas API在canvas元素上绘制文本：

let canvas = document.getElementById('my-canvas');
let ctx = canvas.getContext('2d');

ctx.font = '48px sans-serif';
ctx.fillStyle = 'black';
ctx.textAlign = 'center';

ctx.fillText('Hello, World!', canvas.width / 2, canvas.height / 2);

赞(0）回复(0）举报 2022-12-28

我来回答

javascript 如何在Kittl网站上选择元素

1条答案

相关问题

热门标签

最新问答