Fatal编程技术网
  • javascript/
  • Javascript 如何在画布文本中实现此文本阴影

Javascript 如何在画布文本中实现此文本阴影

javascript css html canvas

Javascript 如何在画布文本中实现此文本阴影,javascript,css,html,canvas,Javascript,Css,Html,Canvas,textarea 文本阴影：白色0px 0PX1PX0PX0PX，白色0px-1PX0PX0PX，白色1PX0PX0PX0PX，白色1PX0PX0PX0PX，白色1PX1PX1PX1PX1PX0PX，白色1PX1PX1PX1PX0PX，白色0px-1px-1PX0PX0PX0PX，白色1PX0PX0PX0PX，白色1PX0PX0PX0.5PX0-1.5PX0.5PX0PX0PX0PX0PX0PX0PX0 0 PX0 PX0 PX0 0 0 PX0 0 0 0 0 0 0 0 0 PX0，白色-1

textarea
文本阴影：白色0px 0PX1PX0PX0PX，白色0px-1PX0PX0PX，白色1PX0PX0PX0PX，白色1PX0PX0PX0PX，白色1PX1PX1PX1PX1PX0PX，白色1PX1PX1PX1PX0PX，白色0px-1px-1PX0PX0PX0PX，白色1PX0PX0PX0PX，白色1PX0PX0PX0.5PX0-1.5PX0.5PX0PX0PX0PX0PX0PX0PX0 0 PX0 PX0 PX0 0 0 PX0 0 0 0 0 0 0 0 0 PX0，白色-1.5PX0-1.5PX0.5PX0.5PX0 PX0 PX0.5PX0 PX0 PX0 0 PX0 PX0 PX0 0 0 0，白色-1.5PX0 PX0 0 0 0 PX0 0 0 PX0 0 0 0 PX0 0 0，白色-1.5px像素点，rgb（133，133，133）0px-1px4px，rgb（133，133，133）0px 3px 4px，rgb（133，133，133）3px 0px 4px，rgb（133，133，133）-3px 0px 4px；
颜色：红色；
}
文本区域中的默认文本 

var canvas=document.getElementsByTagName（“canvas”）[0]，
ctx=canvas.getContext（'2d'）；
ctx.font=“75px verdana”；
ctx.shadowColor=“黑色”；
ctx.shadowBlur=10；
ctx.线宽=10；
ctx.strokeStyle=“白色”；
ctx.strokeText（“你好”，25100）；
ctx.shadowBlur=0；
ctx.fillStyle=“红色”；
ctx.fillText（“你好”，25100）

不完全正确。但你将如何做到这一点？我可以帮助你澄清你想要做什么。使用阴影、填充颜色、笔划颜色和笔划宽度的混合来。。。根据需要调整字体大小