用canvas作画，首先，你需要有一块“画布”。如果你的书架里面没有画布，你可以买一卷回来放进去。当然，在网页里面我们不需要花钱买，直接写一个canvas即可，类似：
复制代码
代码如下:
<canvas id="cvs" width="800" height="600">你的浏览器不支持canvas</canvas>
其中标签里面的文字是给不支持canvas的浏览器看的，支持的永远看不到。
这个画布的特性有必要说一下，他有两个原生的属性，即width和height.同时，因为他也是一个html元素，所以他也可以使用css来定义width和height，但是，千万要注意：他自身的宽高和通过css定义的宽高是不一样的！
我们用JS来改变Canvas的宽高，是这样的：
复制代码
代码如下:
canvas.width= 400
canvas.height = 300
想学Win10 UWP开发，不知从何下手？那么本系列文章可能正是你所需要的。从今天开始IT之家将陆续推出Windows10开发新手入门系列专题，供对Win10开发感兴趣的小伙伴们参考学习。作为系列专题的开篇，本文并不会包含技术性方面的内容，主要是向大家征集意见和建议，并对我们即将使用的Win10开发平台作一个简单的介绍。
Win10通用平台
我们通常所说的UWP，即Universal Windows Platform，意为通用Windows平台，针对该平台开发的应用可同时运行在多种不同类型的Win10设备中，包括手机、平板、PC（笔记本和台式机），甚至是Xbox One以及Hololens中，还有各种物联网设备。
这里的通用实质是源代码的“通用”，开发者还是需要针对不同平台设备编译不同的版本。其实通用应用的概念在WP8.1时就已诞生，不过在Win10中更进一步，逻辑代码和UI代码都可以得到最大程度共用。
开发框架和语言
过去很长一段时间以来，甚至是现在，在Windows桌面平台较流行的开发方式便是使用微软提供的MFC框架以及WinForm/WPF框架，前者是对Windows API的C++封装，后者则是对Windows API的.NET封装，使用C#语言开发。到了Win8中微软引入了全新的应用程序架构，即WinRT，并延续到了Win10（包括Win10 Mobile）中，专门用来开发Windows应用商店应用，它支持使用C++、C#、VB.NET，甚至是JavaScript语言进行开发。
多年来微软一直在不断推广和改进自家的C#语言，C#是一门完全面向对象的编程语言，入门上手较为容易，也是微软比较推荐的编程语言。在本系列专题中，我们即使用C#编程语言完成一系列示例。
除了C#语言，我们还需要学习XAML语言，对于有WPF开发经验的朋友会非常熟悉。XAML主要用于设计应用界面，类似于呈现网页的HTML语言。前面我们提到Win10通用应用针对不同设备都可以使用同一套UI，那么这就要求我们设计的界面能够适应各种不同尺寸的屏幕，因此还需要掌握一些有关响应式界面设计的技巧。
准备工作
我们将在后续的系列文章中逐步渗透以上技术，如果你已经打算跟着我一起动手，那么现在你需要准备以下软硬件工具：
• 一台运行Win10（建议升级到TH2）的电脑，点此下载Win10 TH2正式版系统；
• 安装Visual Studio 2015（建议安装最新Update1版本）以及Win10 SDK，点此下载所需工具；
• 一部运行Windows 10 Mobile（10586系统）的手机；
注：如果你没有Win10 Mobile手机也可以通过模拟器进行调试，不过这需要你的电脑CPU支持虚拟化技术。因为运行Win10 Mobile手机模拟器所需的Hyper-V虚拟机依赖于CPU的虚拟化技术。
在下一篇文章中我们将创建一个最简单的应用，并对Win10 UWP应用的整个结构进行分析，熟悉Visual Studio 2015开发环境。
最后，由于豆豆并非专业出身，因此本系列专题定位为入门性质，目前还在摸索中，豆豆将和大家一同学习。如果文章出现技术性错误，也恳请您指出，豆豆将虚心学习和接受。对于学习过程中遇到的任何问题以及想要分享的内容，也欢迎入驻软媒IT之家IT圈参与讨论。如果你有什么意见和建议也请在评论或IT圈中发帖提出。
没有仔细研究, 以下是个人主观看法,存在些"想当然", 仅供参考.
首先wpf是依赖于.net framework的, 也就是说xp\win7\win8\Win10, 都是可以跑起来的.并且发布路径不受限制, 就像目前常见的桌面软件一样, 只要下载个安装包安装即可使用. 而UWP好像只能在w8\Win10以及Windows mobile系统上使用, 而且唯一的发布路径就是Windows商店.
其次从风格来看, wpf虽然是流式布局,但更多是为桌面客户端(pc客户端)设计的, 而UWP是移动为先,兼顾PC客户端的.
综上就目前而言, wpf更加偏向于或者更适合于企业级应用或者说面向企业的商业软件而UWP偏向于面向个人消费者的应用软件.
另外我感觉wpf\UWP, 甚至html5这些"界面技术"其实是相通的,非常相似. wpf和UWP甚至很近似, 掌握了其中一个的话再学习另一个非常容易.
