博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5 canvas simple drawing
阅读量:5298 次
发布时间:2019-06-14

本文共 709 字,大约阅读时间需要 2 分钟。

var c = canvas.getContext("2d");//get canvas 2d context

canvas including a proposed 3D context;

c.fillStyle("#ffffff");//rawing canvas background color

c.fillRectangle(sx,sy,ex,ey);//drawing a rectanle ,the (sx,sy) is start point,(ex,ey) is end point

c.font = "20px"//the canvas font size is 20 pixel

c.textBaseline = "top"//the text vertical position

c.fillText("Hello",100,100);//drawing a text to canvas,The three parameters of this method are text string,x position,y position

c.strokeStyle = "#ffffff";//set a color for the stroke(the border of the box)

c.strokeRect(0,0,100,100);//upper left x and y coordinates ,and the lower right x and y coordinates

转载于:https://www.cnblogs.com/jinxiao/p/4189203.html

你可能感兴趣的文章
php仿阿里巴巴,php实现的仿阿里巴巴实现同类产品翻页
查看>>
matlab fis编辑器在哪,基本FIS编辑器
查看>>
linux的串口子系统,TTY子系统
查看>>
修改linux远程22端口,linux修改ssh远程端口22
查看>>
Linux系统的创始者,组图:Linux之父的办公室首度曝光
查看>>
关于linux的环境变量设置,linux环境变量设置
查看>>
socket模块,简单的套接字,加循环
查看>>
个人主页优化(2)
查看>>
Node 中异常收集与监控
查看>>
7、学习大数据笔记-hadoop fs 命令
查看>>
Vue路由的实现原理
查看>>
Spring Boot教程(5) – 模板引擎
查看>>
使用maven搭建ssm框架环境
查看>>
docker安装配置gitlab时的常用命令整理
查看>>
二丶Python字符串1
查看>>
七丶Python字典
查看>>
一丶Python简介
查看>>
Mysql基础知识
查看>>
常用的分析方法有哪些?
查看>>
Excel-图表制作
查看>>