canvas画布,带描边的字体

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="800" height="800" style="border:1px solid #d3d3d3;">
</canvas>

<script>

var c = document.getElementById("myCanvas"),
ctx = c.getContext("2d");
ctx.font = "24px Open Sans,Microsoft YaHei";
ctx.lineWidth = 3;
ctx.strokeStyle = "red";
ctx.strokeText("描",10,300);
ctx.save();
ctx.lineWidth = 10;
ctx.fillStyle = "green";
ctx.fillText("描",10,300);
ctx.save();


</script>

</body>
</html>
原文地址:https://www.cnblogs.com/yujiawen/p/15156916.html