Table des matières
回复内容:
Maison développement back-end tutoriel php javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

Aug 04, 2016 am 09:21 AM
canvas css html javascript php

描边的大小可以设定
javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

  1. 目前二维码是后台自动生成的,文字也是自动生成,已经被我用css整合在图片居中的地方

<code>代码结构如下:
<link href="print.css" rel="stylesheet" media="print">
<div>
    <img  src="" alt="javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?" >
    <span class="font-border">我是描边字体</span>
</div>    </code>
Copier après la connexion
Copier après la connexion

print.css的样式如下:

<code>.font-border{
    text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;

}    </code>
Copier après la connexion
Copier après la connexion

样式上最终也是描边效果,但点击了打印以后,描边样式就消失了(谷歌浏览器版本 52.0.2743.60 (64-bit))
是不是打印不支持text-shadow?

2.后来找到了http://www.liantu.com/,发现他们是用canvas实现图片和文字的整合。
但他们做了加密处理,解密了以后,也读不懂,变量都是单个字母。
用canvas可不可以直接将我上面设置好的图片和文字元素和他们的位置包裹起来,然后我点击了下载,直接将图片下载到本地

3.或者可以用什么php的插件来实现描边么?

回复内容:

描边的大小可以设定
javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

  1. 目前二维码是后台自动生成的,文字也是自动生成,已经被我用css整合在图片居中的地方

<code>代码结构如下:
<link href="print.css" rel="stylesheet" media="print">
<div>
    <img  src="" alt="javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?" >
    <span class="font-border">我是描边字体</span>
</div>    </code>
Copier après la connexion
Copier après la connexion

print.css的样式如下:

<code>.font-border{
    text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;

}    </code>
Copier après la connexion
Copier après la connexion

样式上最终也是描边效果,但点击了打印以后,描边样式就消失了(谷歌浏览器版本 52.0.2743.60 (64-bit))
是不是打印不支持text-shadow?

2.后来找到了http://www.liantu.com/,发现他们是用canvas实现图片和文字的整合。
但他们做了加密处理,解密了以后,也读不懂,变量都是单个字母。
用canvas可不可以直接将我上面设置好的图片和文字元素和他们的位置包裹起来,然后我点击了下载,直接将图片下载到本地

3.或者可以用什么php的插件来实现描边么?

把图片画到 canvas 上,文字也一样,canvas 支持文字描边。

示例:
https://jsfiddle.net/imys/yjhs8rz4/

php 来生成字体图片,描边字体是跟字体文件有关

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Bootstrap en Vue Comment utiliser Bootstrap en Vue Apr 07, 2025 pm 11:33 PM

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

Les rôles de HTML, CSS et JavaScript: responsabilités de base Les rôles de HTML, CSS et JavaScript: responsabilités de base Apr 08, 2025 pm 07:05 PM

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

Comprendre HTML, CSS et JavaScript: un guide pour débutant Comprendre HTML, CSS et JavaScript: un guide pour débutant Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Le rôle de React dans HTML: Amélioration de l'expérience utilisateur Le rôle de React dans HTML: Amélioration de l'expérience utilisateur Apr 09, 2025 am 12:11 AM

React combine JSX et HTML pour améliorer l'expérience utilisateur. 1) JSX incorpore du HTML pour rendre le développement plus intuitif. 2) Le mécanisme DOM virtuel optimise les performances et réduit les opérations DOM. 3) Interface utilisateur de gestion basée sur les composants pour améliorer la maintenabilité. 4) La gestion des états et le traitement des événements améliorent l'interactivité.

Comment pouvez-vous empêcher une classe d'être prolongée ou une méthode d'être remplacée en PHP? (mot-clé final) Comment pouvez-vous empêcher une classe d'être prolongée ou une méthode d'être remplacée en PHP? (mot-clé final) Apr 08, 2025 am 12:03 AM

Dans PHP, le mot-clé final est utilisé pour empêcher les classes d'être héritées et les méthodes écrasées. 1) Lors du marquage de la classe comme final, la classe ne peut pas être héritée. 2) Lors du marquage de la méthode comme final, la méthode ne peut pas être réécrite par la sous-classe. L'utilisation de mots clés finaux garantit la stabilité et la sécurité de votre code.

L'avenir de PHP: adaptations et innovations L'avenir de PHP: adaptations et innovations Apr 11, 2025 am 12:01 AM

L'avenir de PHP sera réalisé en s'adaptant aux nouvelles tendances technologiques et en introduisant des fonctionnalités innovantes: 1) s'adapter aux architectures de cloud computing, de conteneurisation et de microservice, en prenant en charge Docker et Kubernetes; 2) introduire des compilateurs JIT et des types d'énumération pour améliorer l'efficacité des performances et du traitement des données; 3) Optimiser en continu les performances et promouvoir les meilleures pratiques.

Le rôle de HTML: Structurer le contenu Web Le rôle de HTML: Structurer le contenu Web Apr 11, 2025 am 12:12 AM

Le rôle de HTML est de définir la structure et le contenu d'une page Web via des balises et des attributs. 1. HTML organise le contenu via des balises telles que, ce qui le rend facile à lire et à comprendre. 2. Utilisez des balises sémantiques telles que, etc. pour améliorer l'accessibilité et le référencement. 3. Optimisation du code HTML peut améliorer la vitesse de chargement des pages Web et l'expérience utilisateur.

PHP vs Python: comprendre les différences PHP vs Python: comprendre les différences Apr 11, 2025 am 12:15 AM

PHP et Python ont chacun leurs propres avantages, et le choix doit être basé sur les exigences du projet. 1.Php convient au développement Web, avec une syntaxe simple et une efficacité d'exécution élevée. 2. Python convient à la science des données et à l'apprentissage automatique, avec une syntaxe concise et des bibliothèques riches.

See all articles