在绘制之前我们应该调整画布（canvas）的尺寸以匹配它的显示尺寸。画布就像图片一样有两个尺寸。 一个是它拥有的实际像素个数，另一个是它显示的大小。CSS决定画布显示的大小。 你应该尽可能用CSS设置所需画布大小 ，因为它比其它方式灵活的多。
为了使画布的像素数和显示大小匹配， 我这里使用了一个辅助方法，你可以在这里获取更多相关信息。
这里的例子中，有独立窗口显示的示例大多使用400×300像素大小的画布。 但是如果像稍后展示的示例那样嵌在页面中，它就会被拉伸以填满可用空间 （你也可以点击示例下方的“点此在新窗口中浏览”在独立窗口中查看示例）。 通过[……]
着色器获取数据的4种方法。
这个方法有一个bug就是当你传参过去的时候，再次刷新页面时参数就会丢失。解决方法下边会说到。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
import Vue from 'vue' import Router from 'vue-router' const _import = require('./_import_' + process.env.NODE_ENV) Vue.use(Router) export const constantRouterMap = [{ path: '/login/:userId/:id', name:'Message', //就是要在路由配置里边配置这个属性，用来知道你要跳转到那个页面的名字 /*** * 如果想做到页面刷新，参数不丢失，就必须在path后面加上这个参数 * 但是这样做的话就会导致参数显示在url的后面，（在这一点上）跟query没什么区别了。 * 多个参数也可以一直往后边追加 */ component: _import('login/index'), hidden: true }, { path: '', component: Layout, redirect: 'dashboard', icon: 'dashboard', hidden: true, noDropDown: true, children: [{ path: 'dashboard', name: '首页', component: _import('main/index'), meta: { title: 'dashboard', icon: 'dashboard', noCache: true } }] } ] export default new Router({ routes: constantRouterMap }) |
|
1 2 3 4 5 6 7 8 9 |
//用这种方法传参，必须这么些，不能写path,否则你在取参数的时候 this.$router.params.userId就是undefined.这是因为，params只能用name来引入路由， this.$router.push({ name:"'Message'",//这个name就是你刚刚配置在router里边的name params:{ userId:"10011" } }) |
切记，再取参数的时候一定是this.router，切记。
|
1 2 |
this.$route.params.userId |