我有几个JPG图像,它们都包含一些文本(它们是一些漫画的页面)。我想让文本可选(最终是可复制的),但我唯一的想法是来自SVG的<text>
标签,但是这个解决方案可能非常混乱,即使我将不透明度设为0.0,基本上渲染了SVG <text>
不可见,只有在被选中时才可见,但只有一个错误(使用字体,放置等)足以让它变得混乱和荒谬。
这个问题是否有更优雅(并且不那么混乱)的解决方案?如果你只是一个小小的想法,请分享,这将是伟大的。我坚持了几个星期这个问题。
答案 0 :(得分:0)
使其外观和感觉真实的唯一方法是使用HTML元素中的实际文本。遗憾的是,这意味着从实际图像中删除文本,然后找到足够相似的字体,最后编写和定位文本。
另一个想法是只为每个图像分配文本,当你点击图像时,你会将它的文本复制到剪贴板中(如果复制是这里的主要意图)。
答案 1 :(得分:0)
这是一个便宜而快速的建议 - 将要复制的文字复制到图片标题或alt属性中。
然后,在图像上单击onclick(或dblclick),您可以从title / alt属性中检索文本并将其复制到剪贴板。
这太棒了,但会奏效......