1.等腰直角三角形：

　　https://www.cnblogs.com/FlyingLiao/p/9869040.html

2.1任意三角形：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

    .yuanXing{

        width:60px;

        border-top:30px solid black;

        border-bottom:30px solid red;

        border-left:30px solid blue;

        border-right:30px solid pink;

    }

    .dengYao2{

        /* 在此以红色三角形为主 */

        width:0px;

        /* border-top:60px solid white; */

        /* 改变三角形的高 */

        border-bottom:60px solid red;

        /* 改变三角形左边底 */

        border-left:50px solid white;

        /* 改变三角形右边底 */

        border-right:30px solid white;

    }

</style>

</head>

<body>

<div class="yuanXing"></div>

<br/>

<div class="dengYao2"></div>

</body>

</html>

2.2任意三角形（SVG）目前最好的。

　　原地址：http://www.runoob.com/svg/svg-polygon.html

<!-- svg有默认宽高 ,所以polygon的宽高不能超出父元素宽高 -->

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

  <polygon points="200,10 250,190 160,210"

  style="fill:lime;stroke:purple;stroke-width:1"/>

</svg>
  • points 属性定义多边形每个角的 x 和 y 坐标

2.3任意三角形（包括多边形 利用canvas）也不错。

地址效果：https://codepen.io/flyingliao/pen/JzJgmP?editors=1010

HTML code：

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">

<!-- 如果浏览器不支持会显示以下内容-->

Your browser does not support the canvas element.

</canvas>

JavaScript  code：

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

/* 起点 */

cxt.moveTo(30,10);

/* 绘制三角形顺时针方向 */

cxt.lineTo(60,40);

cxt.lineTo(0,40);

cxt.lineTo(30,10);

/* 绘制 */

cxt.stroke();

2.Triangle （三角形）的更多相关文章

  1. [LeetCode] Triangle 三角形

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  2. UVa OJ 194 - Triangle (三角形)

    Time limit: 30.000 seconds限时30.000秒 Problem问题 A triangle is a basic shape of planar geometry. It con ...

  3. LeetCode Triangle 三角形（最短路）

    题意:给一个用序列堆成的三角形,第n层的元素个数为n,从顶往下,每个元素可以选择与自己最近的两个下层元素往下走,类似一棵二叉树,求最短路. [], [,4], [6,,7], [4,,8,3] 注意: ...

  4. Triangle 三角形——找出三角形中从上至下和最小的路

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  5. 120 Triangle 三角形最小路径和

    给出一个三角形(数据数组),找出从上往下的最小路径和.每一步只能移动到下一行中的相邻结点上.比如,给你如下三角形:[     [2],    [3,4],   [6,5,7],  [4,1,8,3]] ...

  6. LeetCode 976. Largest Perimeter Triangle (三角形的最大周长)

    题目标签:Array 题目给了我们一个 边长的 array, 让我们找出 最大边长和的三角形,当然前提得是这三条边能组成三角形.如果array 里得边长组成不了三角形,返回0. 最直接的理解就是,找到 ...

  7. poj 2954 Triangle 三角形内的整点数

    poj 2954 Triangle 题意 给出一个三角形的三个点,问三角形内部有多少个整点. 解法 pick's law 一个多边形如果每个顶点都由整点构成,该多边形的面积为\(S\),该多边形边上的 ...

  8. LeetCode 120. Triangle三角形最小路径和 (C++)

    题目: Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjace ...

  9. Leetcode120.Triangle三角形最小路径和

    给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径和为 11 ...

  10. LeetCode 120. Triangle (三角形最小路径和）详解

    题目详情 给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径 ...

随机推荐

  1. python去掉字符串'\xa0'

    AssertionError: '5\xa0e\xa0*\xa0*\xa0*\xa05' != '5e***5'mystr = '5\xa0e\xa0*\xa0*\xa0*\xa05'mystr = ...

  2. HihoCoder - 1051：补提交卡

    时间限制:2000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho给自己定了一个宏伟的目标:连续100天每天坚持在hihoCoder上提交一个程序.100天过去了,小Ho查看自己的提交 ...

  3. js模板引擎---jtemplates使用

    昨天记录了如何使用腾讯的模板引擎,今天记录一下jquery的模板引擎jtemplates.官网:http://jtemplates.tpython.com/ 编写模板:需要在页面引入jquery和jt ...

  4. （3）什么是函数(函数的定义、形参、实参、默认形参、可变长函数args|kwargs)

    什么是函数 函数是指将一组语句的集合通过一个名字(函数名)封装起来,想要执行这个函数,只需调用其函数名即可 1.减少重复代码 2.使程序变的可扩展 3.使程序变得易维护 定义函数的语法 形参 主要的作 ...

  5. bool dfs 解决单一解问题的优越性

    dfs的返回值类型可以是int 或者 void  .bool 由void 与 int 作为返回值类型的dfs在得到解之后不能立即返回,即使你加上语句if(key)return;也要在得到解之后一点点返 ...

  6. 使用python的Paramiko模块登陆SSH

    使用python的Paramiko模块登陆SSH paramiko是用Python语言写的一个模块,遵循SSH2协议,支持以加密和认证的方式,进行远程服务器的连接. python的paramiko模块 ...

  7. USB gadget 驱动 printer.c 分析

    1. modprobe g_printer idVendor=0x0525 idProduct=0xa4a8 modprobe后面也可以加模块参数 2. prn_example从stdout获取数据然 ...

  8. 转 web.config设置之system.webServer 详细介绍，为网站设置默认文档

    如何:为 IIS 7.0 配置 <system.webServer> 节2008-06-14 22:26http://technet.microsoft.com/zh-cn/sysinte ...

  9. JVM监控

    jconsole 说明: 首先JConsole这个是JDK里面自带的工具  在JAVA_HOME/bin目录下,今天主要测试远程监控JVM 第一步:设置好需要远程机器的Tomcat 修改Tomcat下 ...

  10. 实现JMS规范的ActiveMQ

    ActiveMQ是Apache软件基金会的开源产品,支持AMQP协议.MQTT协议(和XMPP协议作用类似).Openwire协议和Stomp协议等多种消息协议.并且ActiveMQ完整支持JMS A ...