![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
Sublime Text
01首先要准备一个画布，如下图所示，在HTML5中我们用canvas来表示画布
02然后我们在script脚本中获取画布对象，如下图所示，运用JS的getElementById方法即可
03接下来我们通过画布对象的getContext方法来获取上下文2d对象，如下图所示，我们要操作的内容都在里面
04然后我们给2d上下文填充背景色，如下图所示，运用上下文的fillStyle属性即可
05接下来，运用上下文的fillRect方法来画一个矩形，注意里面的四个值就是四个坐标，如下图所示
06最后我们运行界面程序，你会看到如下图所示的红色矩形样例，你可要和上面的坐标对应一下
07当然2d上下文中还可以画其他的图形，如下图所示的圆形，大家根据自己的需要应用即可
不光绘制图片，在高分屏下，绘制文字和线条都会出现模糊的现象，GitHub上有一个hidpi-canvas-polyfill可以很好的解决这个问题，但是没有对图片进行处理。如果你了解了原因，解决这个问题也很容易。\x0d\x0a首先，引入上方这个polyfill\x0d\x0a然后，得到devicePixelRatio和backingStorePixelRatio的比例，可以使用下面的方法\x0d\x0a \x0d\x0avar getPixelRatio = function(context) {\x0d\x0a var backingStore = context.backingStorePixelRatio ||\x0d\x0acontext.webkitBackingStorePixelRatio ||\x0d\x0acontext.mozBackingStorePixelRatio ||\x0d\x0acontext.msBackingStorePixelRatio ||\x0d\x0acontext.oBackingStorePixelRatio ||\x0d\x0acontext.backingStorePixelRatio || 1\x0d\x0a return (window.devicePixelRatio || 1) / backingStore\x0d\x0a}\x0d\x0a \x0d\x0a//调用\x0d\x0avar ratio = getPixelRatio(ctx)\x0d\x0a\x0d\x0a之后，在调用ctx.drawImage()的时候，给width和height乘以ratio，如下：\x0d\x0a\x0d\x0a1\x0d\x0a \x0d\x0actx.drawImage(document.querySelector('img'), 10, 10, 300 * ratio, 90 * ratio)HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
网页存在大量HTML语言，上网时候你可以点击右键-查看源文件。
HTML是超文本标记语言，主要用于构成网页文档——也就是静态的（如同在纸上写字画图画）。是网站开发的基本功（必会，是解释性的，可在浏览器端看到）。
调式器生成程序有两种类型：
（1）编译型：就是将代码生成可执行程序后，才能执行。代码全编译成010101，根本不会有原代码让你看到。这种就如同.COM、.EXE或.DLL等。
（2）解释型：就是不生成可执行程序，直接读一行执行一行。代码全能看到。比如：XML、HTML、JS等。
编写网页时，HTML是基础，而在之上又要有动态性（也就是让纸上的东西能被自己的控制，或随时间变化）。这些基础是JavaScript（必会，是解释性的，可在浏览器端看到）。但还有一些程序性语言，就如同C/C++一样。这就是ASP、.net、PHP、JSP等。这些语言是在服务器上操作，所以不会在浏览器端看到。在学习中，建议从.net、PHP、JSP中选一样。ASP就算了。
开发网页，除了你用.net，则一定用Visual Studio外。其它只要是文本编辑器就成了。如果你是新手，我建议你用Dreamweaver。如果自己很强了，自己网上找找，因为这和剑一样。
