echarts 地图怎么设置字体加粗

Posted 2023-05-01

参考技术A 字体加粗font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。echarts 地图怎么设置字体加粗本回答被提问者和网友采纳 参考技术B 你可以用空心字,然后填充就行了.

php如何生成加粗或者斜体的文字样式图片

加粗或者斜体的文字可以用php的函数控制.我想你是想生成验证码图片是吗?

如果是想生成验证么图片有几个函数可以考虑

imagecreate($length,$height)创建图片.参数是图片的宽度和高度

imagecolorallocate($image,$r,$g,$b)设置背景色,r b g就是图片的三色rgb参数.这个可以由传入0-255的随机数决定随机的背景色.还可以生成字体色

imagettftext($_image,$fontSize, mt_rand(-40, 70), $codeNX,$fontSize*1.5,$_color, $ttf, $code[$i]);写入随机的文字,这里要一个字一个字写.所以这个函数要循环调用.

百度了一下 找到了一个类...如下




<?php
/**
 * 安全验证码
 * 
 * 安全的验证码要：验证码文字扭曲、旋转，使用不同字体，添加干扰码。
 * 如果用中文做验证码(我这里不是哦，有兴趣你来改成用中文的)，安全度会更好些，但验证码扭曲和旋转是王道，用了字体也算是已经给字体扭曲了，我就不再去给他添一只扭曲的足了。
 * 可配置的属性都是一些简单直观的变量，我就不用弄一堆的setter/getter了
 *
 * @author 流水孟春 <cmpan(at)qq.com>
 * @copyright NEW BSD
 * @link http://labs.yulans.cn/YL_Security_Secoder
 * @link http://wiki.yulans.cn/docs/yl/security/secoder
 */
class YL_Security_Secoder 
/**
 * 验证码的session的下标
 * 
 * @var string
 */
public static $seKey = 'sid.sekey.ylans.cn';
public static $expire = 3000;     // 验证码过期时间（s）
/**
 * 验证码中使用的字符，01IO容易混淆，建议不用
 *
 * @var string
 */
public static $codeSet = '346789ABCDEFGHJKLMNPQRTUVWXY';
public static $fontSize = 25;     // 验证码字体大小(px)
public static $useCurve = true;   // 是否画混淆曲线
public static $useNoise = true;   // 是否添加杂点
public static $imageH = 0;        // 验证码图片宽
public static $imageL = 0;        // 验证码图片长
public static $length = 4;        // 验证码位数
public static $bg = array(243, 251, 254);  // 背景

protected static $_image = null;     // 验证码图片实例
protected static $_color = null;     // 验证码字体颜色

/**
 * 输出验证码并把验证码的值保存的session中
 * 验证码保存到session的格式为： $_SESSION[self::$seKey] = array('code' => '验证码值', 'time' => '验证码创建时间');
 */
public static function entry() 
// 图片宽(px)
self::$imageL || self::$imageL = self::$length * self::$fontSize * 1.5 + self::$fontSize*1.5; 
// 图片高(px)
self::$imageH || self::$imageH = self::$fontSize * 2;
// 建立一幅 self::$imageL x self::$imageH 的图像
self::$_image = imagecreate(self::$imageL, self::$imageH); 
// 设置背景      
imagecolorallocate(self::$_image, self::$bg[0], self::$bg[1], self::$bg[2]); 
// 验证码字体随机颜色
self::$_color = imagecolorallocate(self::$_image, mt_rand(1,120), mt_rand(1,120), mt_rand(1,120));
// 验证码使用随机字体 
$ttf = dirname(__FILE__) . '/ttfs/' . mt_rand(1, 20) . '.ttf';  

if (self::$useNoise) 
// 绘杂点
self::_writeNoise();
 
if (self::$useCurve) 
// 绘干扰线
self::_writeCurve();


// 绘验证码
$code = array(); // 验证码
$codeNX = 0; // 验证码第N个字符的左边距
for ($i = 0; $i<self::$length; $i++) 
$code[$i] = self::$codeSet[mt_rand(0, 27)];
$codeNX += mt_rand(self::$fontSize*1.2, self::$fontSize*1.6);
// 写一个验证码字符
imagettftext(self::$_image, self::$fontSize, mt_rand(-40, 70), $codeNX, self::$fontSize*1.5, self::$_color, $ttf, $code[$i]);


// 保存验证码
isset($_SESSION) || session_start();
$_SESSION[self::$seKey]['code'] = join('', $code); // 把校验码保存到session
$_SESSION[self::$seKey]['time'] = time();  // 验证码创建时间

header('Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');
header("content-type: image/png");

// 输出图像
imagepng(self::$_image); 
imagedestroy(self::$_image);


/** 
 * 画一条由两条连在一起构成的随机正弦函数曲线作干扰线(你可以改成更帅的曲线函数) 
     *      
     *      高中的数学公式咋都忘了涅，写出来
 * 正弦型函数解析式：y=Asin(ωx+φ)+b
 *      各常数值对函数图像的影响：
 *        A：决定峰值（即纵向拉伸压缩的倍数）
 *        b：表示波形在Y轴的位置关系或纵向移动距离（上加下减）
 *        φ：决定波形与X轴位置关系或横向移动距离（左加右减）
 *        ω：决定周期（最小正周期T=2π/∣ω∣）
 *
 */
    protected static function _writeCurve() 
$A = mt_rand(1, self::$imageH/2);                  // 振幅
$b = mt_rand(-self::$imageH/4, self::$imageH/4);   // Y轴方向偏移量
$f = mt_rand(-self::$imageH/4, self::$imageH/4);   // X轴方向偏移量
$T = mt_rand(self::$imageH*1.5, self::$imageL*2);  // 周期
$w = (2* M_PI)/$T;

$px1 = 0;  // 曲线横坐标起始位置
$px2 = mt_rand(self::$imageL/2, self::$imageL * 0.667);  // 曲线横坐标结束位置      
for ($px=$px1; $px<=$px2; $px=$px+ 0.9) 
if ($w!=0) 
$py = $A * sin($w*$px + $f)+ $b + self::$imageH/2;  // y = Asin(ωx+φ) + b
$i = (int) ((self::$fontSize - 6)/4);
while ($i > 0) 
    imagesetpixel(self::$_image, $px + $i, $py + $i, self::$_color);  // 这里画像素点比imagettftext和imagestring性能要好很多     
    $i--;




$A = mt_rand(1, self::$imageH/2);                  // 振幅
$f = mt_rand(-self::$imageH/4, self::$imageH/4);   // X轴方向偏移量
$T = mt_rand(self::$imageH*1.5, self::$imageL*2);  // 周期
$w = (2* M_PI)/$T;
$b = $py - $A * sin($w*$px + $f) - self::$imageH/2;
$px1 = $px2;
$px2 = self::$imageL;
for ($px=$px1; $px<=$px2; $px=$px+ 0.9) 
if ($w!=0) 
$py = $A * sin($w*$px + $f)+ $b + self::$imageH/2;  // y = Asin(ωx+φ) + b
$i = (int) ((self::$fontSize - 8)/4);
while ($i > 0) 
    imagesetpixel(self::$_image, $px + $i, $py + $i, self::$_color);  // 这里(while)循环画像素点比imagettftext和imagestring用字体大小一次画出（不用这while循环）性能要好很多
    $i--;





/**
 * 画杂点
 * 往图片上写不同颜色的字母或数字
 */
protected static function _writeNoise() 
for($i = 0; $i < 10; $i++)
//杂点颜色
    $noiseColor = imagecolorallocate(
                      self::$_image, 
                      mt_rand(150,225), 
                      mt_rand(150,225), 
                      mt_rand(150,225)
                  );
for($j = 0; $j < 5; $j++) 
// 绘杂点
    imagestring(
        self::$_image,
        5, 
        mt_rand(-10, self::$imageL), 
        mt_rand(-10, self::$imageH), 
        self::$codeSet[mt_rand(0, 27)], // 杂点文本为随机的字母或数字
        $noiseColor
    );




/**
 * 验证验证码是否正确
 *
 * @param string $code 用户验证码
 * @return bool 用户验证码是否正确
 */
public static function check($code) 
isset($_SESSION) || session_start();
// 验证码不能为空
if(empty($code) || empty($_SESSION[self::$seKey])) 
return false;

// session 过期
if(time() - $_SESSION[self::$seKey]['time'] > self::$expire) 
unset($_SESSION[self::$seKey]);
return false;


if($code == $_SESSION[self::$seKey]['code']) 
return true;


return false;




// useage
/*
YL_Security_Secoder::$useNoise = false;  // 要更安全的话改成true
YL_Security_Secoder::$useCurve = true;
YL_Security_Secoder::entry();
*/

/*
// 验证验证码
if (!YL_Security_Secoder::check(@$_POST['secode'])) 
print 'error secode';

*/

这是效果

参考技术A <pre>根据论坛的程序不同，代码也不尽完全能支持，但绝大部分论坛能支持上述代码！
效果在这里看不出来，想看效果请到：
<a href="bbs.emulefans/faq.php?page=misc#1" target="_blank">bbs.emulefans/faq.php?page=misc#1</a>" <a href="bbs.emulefans/faq.php?page=misc#1" target="_blank">bbs.emulefans/faq.php?page=misc#1</a>
这里观看
[b]粗体文字 Abc[/b]   效果:粗体文字 Abc （粗体字）
[i]斜体文字 Abc[/i]   效果:斜体文字 Abc （斜体字）
[u]下划线文字 Abc[/u]   效果:下划线文字 Abc （下划线）
[color=red]红颜色[/color]   效果:红颜色 （改变文字颜色）
[size=3]文字大小为 3[/size]   效果:文字大小为 3 （改变文字大小）
[font=仿宋]字体为仿宋[/font]   效果:字体为仿宋 （改变字体）
[align=Center]内容居中[/align]   （格式内容位置） 效果:
内容居中
[url]<a href="wwwsenz" target="_blank">wwwsenz</a>" <a href="wwwsenz" target="_blank">wwwsenz</a>[/url]   效果:<a href="wwwsenz" target="_blank">wwwsenz</a>" <a href="wwwsenz" target="_blank">wwwsenz</a> （超级连接）
[url=<a href="www.Discuz" target="_blank">www.Discuz</a>" <a href="www.Discuz" target="_blank">www.Discuz</a>]Discuz! 论坛[/url]   效果:Discuz! 论坛 （超级连接）
[email]myname@mydomain[/email]   效果:myname@mydomain （E-Mail 链接）
[email=support@discuz]Discuz! 技术支持[/email]   效果:Discuz! 技术支持 （E-Mail 链接）
[quote]Discuz! Board 是由北京康盛世纪科技有限公司开发的论坛软件[/quote]   （引用内容，类似的代码还有 [code][/code]）
[hide]免费帐号为: username/password[/hide]   （按回复隐藏内容，仅限版主及管理员使用）
效果:只有当浏览者回复本帖时，才显示其中的内容，否则显示为“**** 隐藏信息 跟帖后才能显示 *****”
[hide=20]免费帐号为: username/password[/hide]   （按积分隐藏内容，仅限版主及管理员使用）
效果:只有当浏览者积分高于 20 点时，才显示其中的内容，否则显示为“**** 隐藏信息 积分高于 20 点才能显示 ****”
[list]
[*]列表项 #1
[*]列表项 #2
[*]列表项 #2
[/list]   (列表)
[fly]This is sample text[/fly]   (Make text move horizontal, the same effect as html tag </pre>

本回答被提问者和网友采纳 参考技术B 这应该是属于前端的东西 可以使用html的标签来实现 加粗使用<strong>加粗</strong>标签，斜体使用<em>斜体</em>就可以了 参考技术C 是要生产验证码那样的扭曲图片字符还是怎么的？