Canvas

2021-01-13 10:30:27 浏览数 (1)

Canvas

自身的一些注意点

  • canvas长度和宽度规范不可使用px【使用浏览器容错，可以正常显示】，规范中规定只可为非负整数
  • canvas默认绘图表面是300*150
  • css中指定的canvas高度和宽度是元素的高度，而不是可绘制视图的面积
  • 只使用CSS指定width heigth会导致图形缩放或者放大的效果【测试是放大，但是书上说是缩小，可能之前是缩小】
  • canvas === canvas.getContext(“2d”).canvas返回true说明是同一个对象

API相关

  • canvas.toDataURL(类型【image/jpeg之类，默认是image/png】,JPEG图像的显示质量【0.0-1.0的double数值】)
  • canvas.toBlob(回调函数【提供一个blob的指向】，｛之后参数与上方相同｝)【可能会扩展】
canvas css

0 人点赞