橱窗的光
關注

關注後可及時瞭解他的動態資訊

課程筆記
  • 所屬章節課程:Canvas繪製文本

    <script type="text/javascript"> //通过id获得当前的Canvas对象 var canvasDom = document.getElementById("demoCanvas"); //通过Canvas Dom对象获取Context的对象 var context = canvasDom.getContext("2d"); context.moveTo(200,200); // 设置字体 context.font = "Bold 50px Arial"; // 设置对齐方式 context.textAlign = "left"; // 设置填充颜色 context.fillStyle = "#005600"; // 设置字体内容,以及在画布上的位置 context.fillText("PHP中文网!", 10, 50); // 绘制空心字 context.strokeText("www.php.cn!", 10, 100); </script>

    2016-11-250个赞

  • 所屬章節課程:Canvas繪製圓形和橢圓

    Context上下文的arc方法就是绘制圆形或者椭圆,arc方法的x和y参数是圆心坐标,radius是半径,startAngle和endAngle则是扇形的起始角度和终止角度(以弧度表示),anticlockwise表示做图时应该逆时针画(true)还是顺时针画(false)。

    2016-11-250个赞

  • 所屬章節課程:Canvas繪製圖片

    <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("scream"); img.onload = function() { ctx.drawImage(img,10,10); } </script>

    2016-11-250个赞

  • 所屬章節課程:Javascript 基礎教學之函數

    函数是完成某个特定功能的一组语句。如没有函数,完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。 function 函数名(){ 函数代码段; }

    2016-11-250个赞

  • 所屬章節課程:HTML5 拖放(Drag 和 Drop)

    拖放(Drag和drop)是HTML5标准的组成部分。 ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据 setData():设置被拖数据的数据类型和值。 ondragover:事件规定在何处放置被拖动的数据。 ondrop:当放置被拖放数据时,会发生drop事件

    2016-11-250个赞

  • 所屬章節課程:input標籤

    name: 标识表单提交时的key值 min: 标识当前输入框输入的最小值 max: 标识当前输入框输入的最大值 step: 标识点击增大/减小的时候,增加/减小的步长

    2016-11-250个赞

  • 所屬章節課程:HTML5表單新增屬性

    autofocus属性 此属性可以设置当前页面中input标签加载完毕后获得焦点 multiple 用于文件上传控件,设置此属性后,允许上传多个文件。

    2016-11-250个赞

  • 所屬章節課程:綜合實例

    <input type="range" min="0" max="50" step="5" name="range" value="0" /> <output name="output">0</output> <br /> <input type="submit" value="提交表单" /> </form> 表单外的input标签: <input type="text" form="form1" name="demo" />

    2016-11-250个赞

  • 所屬章節課程:本地儲存由來的背景

    浏览器还限制站点可以在用户计算机上存储的 Cookie 的数量。大多数浏览器只允许每个站点存储 20 个Cookie;如果试图存储更多 Cookie,则最旧的 Cookie 便会被丢弃

    2016-11-250个赞