• 技术文章 >web前端 >H5教程

    html5中canvas学习笔记1-画板的尺寸与实际显示尺寸_html5教程技巧

    2016-05-16 15:50:33原创934
    在canvas中当在canvas上写width和height时为canvas的实际画板大小,默认情况下width为300px,height为150px。
    在style里面写css样式的时候widht和height为实际显示尺寸大小。
    现在以用canvas画一个对角线为例

    复制代码
    代码如下:




    canvas







    显示效果如下:

    可以看到,canvas画板为200*200的正方形,画图是用到了(0,200)到(200,0)的对角线显示。
    但是图形显示的时候为400*200的长方形,而且显示的也是对角线。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:在IE6系列等老式浏览器中使用HTML5的新标签实现方案_html5教程技巧 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • H5你真的了解吗?(绝对干货)• 中期来看,如果基于 HTML5 的应用和游戏大量涌现,iOS 相对于 Android 的应用优势将会大幅削弱?苹果有何应对措施?• canvas游戏开发学习之三:绘制复杂形状• 小强的HTML5移动开发之路(11)——链接,图片,表格,框架• HTML5 创建canvas元素示例代码_html5教程技巧
    1/1

    PHP中文网