欢迎加入前端交流群交流知识获取视频资料：749539640 需求：绘制爱心图像轨迹。 实现：直接贴代码吧！ 预览地址：https://codepen.io/wzc570738205/pen/dqqBpj ...

概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： context为Canvas的2D绘图环境对象， x为椭圆中心横坐标， y为椭圆中心纵坐标， a为椭圆横半轴长 ...

1.canvas自带的绘制椭圆的方法 ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise)是后来添加的， 参数的意思：(起点x.起点y,半径x,半径y,旋转的角度，起始角，结果角，顺时针 ...

文本绘制在开发客户端程序中是一个比较常用的功能，可分为采用控件和直接绘制两种方式。 采用控件的方式比较简便，添加一个比如UILabel对象，然后设置相关属性就好了。但这种方式局限性也比较大。 直接绘制相对比较自由，但也分为使用NSString和Quartz 2D两种方式。 NSString ...

文本绘制在开发客户端程序中是一个比较常用的功能，可分为采用控件和直接绘制两种方式。 采用控件的方式比较简便，添加一个比如UILabel对象，然后设置相关属性就好了。但这种方式局限性也比较大。 直接绘制相对比较自由，但也分为使用NSString和Quartz 2D两种方式 ...

...

，我们难免会遇到所谓的性能问题。 已经存在众多优化canvas性能的方法了，但是还没有一篇文章将这些 ...

　　最近完成了公司安排的移动web触屏开发，期间涉及到在移动设备上显示线条，最开始采用PC常用的css board属性来显示1个像素的线条，但是发现在移动设备上并不美观，参考淘宝、京东的触屏发现它们均是采用浅细的线条来显示在移动设备上。 　　以下纪录了比较方便的4种绘制0.5像素线条方式 ...