zoukankan      html  css  js  c++  java
  • html5 canvas 画直线

     canvas loading...

    成功了!虽然从这条简单的线段怎么也想象不到最新最美的图画,不过与以前的拉伸图像、怪异的CSS和DOM对象以及其他怪异的实现形式相比,使用基本的HTML技术在任意两点间绘制一条线段已经是非常大的进步了。从现在开始,就把那些怪异的做法永远忘掉吧。 从上面的代码清单中可以看出,canvas中所有的操作都是通过上下文对象来完成的。在以后的canvas编程中也一样,因为所有涉及视觉输出效果的功能都只能通过上下文对象而不是画布对象来使用。这种设计使canvas拥有了良好的可扩展性,基于从其中抽象出的上下文类型,canvas将来可以支持多种绘制模型。虽然本章经常提到对canvas采取什么样的操作,但读者应该明白,我们实际操作的是画布所提供的上下文对象。    如前面示例演示的那样,对上下文的很多操作都不会立即反映到页面上。beginPath、moveTo以及lineTo这些函数都不会直接修改canvas的展示结果。canvas中很多用于设置样式和外观的函数也同样不会直接修改显示结果。只有当对路径应用绘制(stroke)或填充(fill)方法时,结果才会显示出来。否则,只有在显示图像、显示文本或者绘制、填充和清除矩形框的时候,canvas才会马上更新。

    <script type="text/javascript">   
            function load() {   
                canvas = document.getElementById("cv");   
                ctx = canvas.getContext("2d");   
                            ctx.beginPath();   
                            ctx.moveTo(70,140);   
                            ctx.lineTo(140,70);   
                            ctx.stroke();   
            };   
      
               
    </script>   
    
  • 相关阅读:
    单例模式的懒汉式在多线程的问题
    String、StringBuffer、与StringBuilder的区别
    java网络编程(7)——利用tcp实现文件上传
    java网络编程(6)——实现一个服务器把小写转大写
    java网络编程(5)——Tcp
    java网络编程(4)——udp实现聊天
    数据库单表增量备份方案
    java网络编程(3)——UDP
    使用Docker快速搭建Tensorflow开发环境
    word2vec并行实现小记
  • 原文地址:https://www.cnblogs.com/html5test/p/2374556.html
Copyright © 2011-2022 走看看